Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 8, 2017 at 11:18 am #849532
    cipriana

    Hi guys, I have a big problem on mobiles.
    The grid row I have on top of my home page is half hidden on mobiles (screenshot 1).
    If I build a mobile version, that grid row appears below the screen with a grey section above. (screenshot 2)
    I´m getting mad with this.
    I´ve seen there is a class affecting this: (screenshot 3)

    Could you help me?
    Thanks

    • This topic was modified 7 years, 2 months ago by cipriana.
    September 9, 2017 at 7:53 pm #849994
    Mike

    Hey cipriana,
    The /prueba-inicio-dos/ link led to a 404, so I found /bus-turistico/ and could see your issues.
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
#bandasuperiorincluye {padding-top: 20px !important; }
.responsive #top #wrap_all .flex_column {margin-bottom: 0px!important; }}

    but it’s important that the top ID is the same for all pages, or you can add the other top IDs to the first rule with commas.
    Please see screenshots in Private Content area, and please clear your cache

    On your home page I see your first flex cell with the image in the Private Content area is 330px height, so in mobile view it’s taking the whole screen with all other elements behind it. Would you like to hide this on mobile so people can see your site?

    Best regards,
    Mike

    September 11, 2017 at 9:17 am #850388
    cipriana

    Hello Mike, thank you very much.
    That code worked!
    Now I´ve modified the order of grid row in home page, I´ve uploaded the slider mobile version under the desktop slider desktop version and it´s better. Nevertheless if you go download on mobile you see that grey zone I want to hide.
    That is not happeningo on other pages.

    Thanks!

    September 11, 2017 at 4:08 pm #850562
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
.home #after_submenu {
    display: none !important;
}}

    Best regards,
    Yigit

    September 11, 2017 at 5:23 pm #850592
    cipriana

    Ok, thanks both!

    September 12, 2017 at 5:54 am #850751
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 12, 2017 at 8:44 am #850861
    cipriana

    You can close it.
    thanks

    September 12, 2017 at 8:45 am #850862
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘sticky section on top’ is closed to new replies.