My logo is generally central, but when I scroll down the page, it goes to the left.
Where to fix it to be central all the time?
https://screenshots.firefox.com/cLQyq53qXNiM8ikB/test717.futurehost.pl
https://screenshots.firefox.com/H5pRq5wKOGaH2w71/test717.futurehost.pl
regards
Theme version: ? WooCommerce version: latestHello,
You may use this custom css code (Theme Options > Styling > Custom css > Global custom css):
.fixed-header .header-logo, .fixed-header .menu-wrapper {
width: 100% !important;
position: absolute;
}
.fixed-header .navbar-header {
width: auto;
}
.fixed-header .header-logo {
left: 47.5%;
top: 8px;
}
.fixed-header {
padding-bottom: 90px;
}
.fixed-header .menu-wrapper {
bottom: -200%;
}
@media only screen and (max-width: 1400px) and (min-width: 1200px){
.fixed-header .header-logo {
left: 46%;
}
}
@media only screen and (max-width: 1201px) and (min-width: 992px){
.fixed-header .header-logo {
left: 45%;
}
}
@media only screen and (max-width: 991px){
.fixed-header .header-logo {
left: 44%;
}
.fixed-header {
padding-bottom: 65px;
}
}
@media only screen and (max-width: 768px){
.fixed-header .header-logo {
left: 41%;
}
}
@media only screen and (max-width: 480px){
.fixed-header .header-logo {
left: 35%;
}
}
Regards
Thanks for CSS, but I don’t think it work as it should now…
http://test717.futurehost.pl/xstore/wp-admin/customize.php?url=http%3A%2F%2Ftest717.futurehost.pl%2Fxstore%2F
Menu shows over the logo when scrolled down 😛
Hello,
Have you changed header type http://prntscr.com/l22r7s ?
Please provide screenshots for better understanding the desired result and temporary wp-admin access.
Regards
access attached 🙂
Hello,
XStore 5.0 was major update and we changed a lot of things https://xstore.8theme.com/update-history/
Please delete the previouse custom css code and let me know, I will provide a new css code.
Regards
OK – done
but now header settings seems not to work as chosen:
https://screenshots.firefox.com/4pOoWdj5Q5UbReLH/test717.futurehost.pl
Also, select header type that you plan to use on the site and set settings in Theme Options appropriate to your needs.
Let us know once it will be done.
Regards
The logo will be centered once you enable cart icon or any other element in header via Theme Options > Header > Header layout.
If you do not want to show any elements except menu and logo just let us know.
Regards
At the moment I will start with the catalogue mode.
And I’d like to play a bit with header, to see which layout looks and works best, but It’s quite hard, when It doesn’t appear where expected on example.
How to test different layouts then?
As you can see on this screenshot http://prntscr.com/l24hyy , cart and search are enabled.
We are here to help you, so feel free to ask and we will gladly provide custom css that will be suitable for your needs.
Please try “Variant center 3” > http://prntscr.com/l24rcp and use this custom css code for fixed header:
.fixed-header .container, .fixed-header .container-wrapper, .et-header-full-width .fixed-header .container-wrapper {
flex-wrap: wrap;
justify-content: center;
}
.fixed-header .header-logo {
flex-basis: 100%;
text-align: center;
}
Regards
Thank you! 🙂
oh, and since I asked about that on another topic and you moved me here – is it possible to DECREASE the size of logo on mobile and tablet? 😉
@media only screen and (max-width: 992px){
.header-logo img {
max-width: 80px !important;
}
}
Regards
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.
Purchase code | Expiration date |
---|---|
adb2cf8c-15ed-4d7a-a406-790658a81a6c | 03 Dec 2019 |