Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #709803

    Hi
    Can you please help with the sub menu header:
    We think we need to change the width & height of the right sub menu so all the content “Search bar and phone number” is in line?
    Screenshot attached
    login info below
    Thank you for your support

    #710098

    Hey mawebdesign,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header .aws-container {
        display: inherit !important;
    }

    Best regards,
    Rikard

    #710217

    Hi Rikard
    This has done the trick thank you.
    But it has caused a couple of issues:
    1- The height of sub menu looks to high with a big space under the content (screenshot below)
    2- The header has overlapped the slideshow, cutting out some of the slideshow content and height.(screenshot below)
    Mobile view:
    3- The phone number cuts in two and only shows half next to the search bar and half below the search bar. Would like ALL the phone number to display central below the search bar. (screenshot below)

    Please advise and thank you for your help and support.

    #710711

    Hi
    Any news on help with the above?
    Thank you

    #711163

    Hi,

    you can adjust header meta witht his code:

    #header_meta {
    height: 34px;
    }

    And adjust position of your layerslider with this code:

    #layer_slider_1 {
    top: 26px;
    }

    Phone on mobile looks fine to me: http://i.imgur.com/9RcCoaS.png
    Could you fix it already?

    Best regards,
    Andy

    #711303

    Hi Andy
    Thank you for your help & support, this help solve the issue but it now causes tablet & mobile issues.
    Screenshot below in private.

    Can we make the below 2 codes only to be used on laptop/pc viewing please?

    #header_meta {
    height: 25px;
    }

    #layer_slider_1 {
    top: 26px;
    }

    Please advise?

    #711862

    Morning
    Any chance on help with the above please?
    Thank you

    #711893

    Hi,

    you can use my code and wrap media queries around, so it only works on bigger screen sizes (desktop). For example:

    @media screen and (min-width: 1200px) {
    #header_meta {
    height: 34px;
    }}

    For more information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    #711944

    Hi Andy
    Thank you for your help, really appreciate it.

    #712323

    Hi,

    Glad we could help, let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.