Hi guys, good work
I have upgraded my dev site to Enfold 3, but the layout has changed. The header/logo is larger and the breadcrumbs have moved to the far left edge, and spacing has changed on the LHS. The breadcrumbs are in the right position on the mobile layout
Could you please advise how I get back to the screen dimensions that were working in V2.9
On my production site still the previous Enfold version all looks fine. For this version I adjusted the LHS margin width by using
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘ten’, ‘sidebar’ => ‘two alpha’ ,’meta’ => ‘two alpha’, ‘entry’ => ‘nine’);
In the V3 I have used the new feature of setting the side margins to 80/20 so don’t need the above code adjustment, and set the container width to 100%
Hey Denis!
That’s result is expected when you set the Maximum Container width to 100%.
Regards,
Josue
OK, So what should it be set to so that the layout is exactly the same as it was before the theme upgrade.
Cheers, Denis
Hey Denis!
Try “1310px”.
Regards,
Josue
Ok, I tried that but no difference. The breadcrumbs are still out of place, and also the logo is a different size.
Check out the prod vs dev I sent in the first private data
Denis
Your dev website is not loading for me right now, it was fine a few minutes ago. I’ll try again later.
Best regards,
Josue
Hi, any progress on what you think is going wrong with the layout in V3
Hey!
Try adding this code to the Quick CSS (upgraded site):
#top .title_container .container {
max-width: 1210px;
}
Cheers!
Josue
Hi,
Can you please create me an administrator account in the staging website? post it here as a private reply.
Regards,
Josue
Hi!
Please use this on Quick CSS or custom.css:
.container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0;
}
Best regards,
Ismael