Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #715032

    Hi Support

    I just published a website.

    It appears that perhaps the CSS, layout or media queries configured might be incorrect.
    Two issues I see are:
    1. The company title in the header to the right of the logo appears to be on top of the menu at a certain resolution.
    I assume this is a media query setting that needs to be altered.
    2. On this page http://choice-consult.com/amir-oren a similar problem occurs as in a certain resolution the e-mail address (left side) appears to be over the content text on the right.
    I believe this might be resolution of an Ipad but I’m unsure.

    Thanks for your assistance!

    Best Regards
    Ofer

    #715129

    Hey ouverz,

    Please try the following in Quick CSS under Enfold->General Styling to activate the mobile menu earlier:

    @media only screen and (max-width: 1140px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
    }

    Your logo subtext is long and quite big so it won’t fit on smaller screen. You might want to consider hiding it and adding the information to a for instance a Color Section and hide that section for all screens bigger than mobile. Assign an ID to it and use the following CSS:

    @media only screen and (min-width: 768px) {
      #your-section-id {
        display:none;
      }
    }

    Best regards,
    Rikard

    #716175

    For some reason the CSS you have offered me does not trigger a thing, as in nothing changes.
    I tried several iterations as well as use the ‘!important’ attribute but it seems as if the stylings are overwritten.

    Also, what would you suggest,for the personal profile page I entered in this reply, in order to have this long e-mail address not overlay the content on the right side when the resolution is less than 1074px?

    thanks in advnace

    #716278

    Hi,

    Ok, please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #716308

    I see.

    #716440

    Hi,

    I added the following to your Quick CSS so there is no more overlapping from the menu:

    
    @media only screen and (max-width: 1250px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
    }

    Please try the suggestions I gave you earlier to see if you get it working.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.