Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 8, 2016 at 2:31 pm #709803
    mawebdesign

    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

    November 9, 2016 at 7:55 am #710098
    Rikard

    Hey mawebdesign,

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

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

    Best regards,
    Rikard

    November 9, 2016 at 2:14 pm #710217
    mawebdesign

    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.

    November 10, 2016 at 1:53 pm #710711
    mawebdesign

    Hi
    Any news on help with the above?
    Thank you

    November 11, 2016 at 3:01 pm #711163
    Andy

    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

    November 11, 2016 at 5:53 pm #711303
    mawebdesign

    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?

    November 14, 2016 at 11:10 am #711862
    mawebdesign

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

    November 14, 2016 at 12:32 pm #711893
    Andy

    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

    November 14, 2016 at 1:54 pm #711944
    mawebdesign

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

    November 15, 2016 at 5:48 am #712323
    Rikard

    Hi,

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

    Best regards,
    Rikard

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