Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 26, 2017 at 11:11 am #844321
    lucindaholland

    Hello,
    I’m just building up and putting in the first enfold theme settings but I’ve hit a problem.
    I’ve set the settings to Stretched Layout with Responsive checked at 1310px.
    The Header is set to: Logo left, Menu below
    But the Header insists on going full width. It looks ugly as it does not align with the content margin widths.
    When I force it to have a max-width of 1310px it still doesn’t work.
    It seems no matter what css I put in the external styles.css file it does not work… So I’m resorting to asking you guys.

    I’ve tried:
    #header_main.container_wrap.container_wrap_logo {max-width: 1310px !important;}
    .responsive .container { max-width: 1310px !important;}

    Hope you can help, logins below.
    Lucinda

    August 26, 2017 at 6:37 pm #844376
    Mike

    Hey lucindaholland,
    Just to be sure I’m looking at the right part, please see screenshot in Private Content area.
    I draw a red box around the header, but it looks like it is not full width to me.
    Is this what you see? Can you add a screenshot of what you would like to see?

    Best regards,
    Mike

    August 28, 2017 at 9:07 pm #845028
    lucindaholland

    Hi there,
    Sorry for delay, but I can see you have not logged in and have been redirected to the old site. I’m working on the meos19.com website, not meos17.com. YOu can only view this if you are logged in, hence the login credentials.

    The issue I have is the header is not staying within the bounds of the 1310px setting in the stretched layout dimensions setting. This happened BEFORE I installed Ubermenu.

    I provide screenshots below. Be warned though I am working on the site so it is constantly in flux, although this I hope will give you the basic outline of the problem/bug I seem to have got.

    picture of issue

    August 30, 2017 at 8:35 am #845678
    lucindaholland

    Hello? Anyone there…?

    August 30, 2017 at 2:56 pm #845825
    Yigit

    Hi,

    Header looks fine on my end at the moment. Have you figured it out already? :)

    Best regards,
    Yigit

    August 30, 2017 at 6:19 pm #845900
    lucindaholland

    No?! What makes you say that? Is anyone actually READING my posts??
    YOU NEED TO LOG IN!! YOU are looking at the WRONG website.
    Please get back to me after reading in depth my Post from: August 28, 2017 at 9:07 pm

    Please use the wordpress log in details I gave to start with. And then look at my screenshot and you will see the difference.

    August 30, 2017 at 11:40 pm #846016
    Yigit

    Hi,

    Sorry about that! Can you please post a link to login page? /wp-admin and /wp-login.php did not work for me.

    Best regards,
    Yigit

    August 31, 2017 at 8:10 am #846122
    lucindaholland

    So sorry! I forgot the subdirectory folder – thats why it didn’t work. Huge apologies. Updated below.

    September 2, 2017 at 11:45 pm #847250
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (min-width: 1440px) { .html_header_top.html_bottom_nav_header #header_main {max-width: 1310px!important; padding-left: 6%;}}

    Please see screenshot in Private Content area

    Best regards,
    Mike

    September 5, 2017 at 3:13 pm #848141
    lucindaholland

    Yep. That works. Thanking you!

    September 7, 2017 at 2:45 am #848907
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Header in stretched layout max-width problem’ is closed to new replies.