[SOLVED] Limit page max-width and center the top menu and header image
I tested my site on a large screen and it didn't look right. So I used the Style and configure Layout option and set the max width to 1920. This worked fine except the header image is justified left even though I pick centered in header image alignment window and the menu bar extends across the whole screen.
I've tried various combination of settings but no luck. If I inspect the page and manually set the first element to: max-width: 1920px; margin-left: auto; margin-right: auto; everything works fine except the header logo image is left instead of centered. What can I add stilll center the image? |
What is the site?
Please export your ayahuasca settings and attach them to a response. |
1 Attachment(s)
https://familyhistories.us
Using Firefox Inspector I set the element. Should not have used the term first element. |
1 Attachment(s)
I messed around for a while and came up with some settings that helped. There is probably a better way to do this but it seems to get the job done. (see attachment-updated)
Let me know what you think and thanks for taking a look. |
1 Attachment(s)
You might want to read the last part of this option:
|
Thank you I did read that. The problem is with large displays, content created for smaller ones does not look right.
Even if you use rotating images, you can go to Style and configure layout and set Layout MAX width to what you want, such as 1920. Then go to Add HTML/CSS inserts and enter the code below (change 1920 to the display size you want). Code:
div.header-image-container-pre { If you are using a full width fixed menu you can add to code below to set the width to match. Code:
div#menu1 ul.rMenu { |
Very nice solution!
|
All times are GMT -6. The time now is 08:07 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.