Hello,
I am wondering if it is possible to customize the header. I want the menu background to be a lot smaller. I want the size to be as small as the top bar background. Is this possible?
Also i am wondering about the mobile version? Is it possible to customize it without changing anything on the computer version? If so, how do i do it?
Thanks
Hello,
Try to add this code in Global Custom CSS section:
.header-wrapper .menu > li > a {
padding-top: 10px;
padding-bottom: 5px;
}
For mobile version, you can write some code in Theme Options > Custom CSS > Custom CSS for mobile.
As for product page, try to disable all 3-rd party plugins, clear browser cache, and check the issue.
In your case you need to use css code. For example, to change styling for all links use the following code in Theme Options > Custom CSS > Global Custom CSS section:
a:hover {
text-decoration: underline;
color: red;
}
Regards,
Rose Tyler.
Hello,
I am not able to make it work with the hoover effekt for the links in the main menu. I try change it with the css you gave me, and all other links than on the main menu gets the effect i want.
What can i do about this?
Thanks!
Hello again,
I am wondering if it is possible for me to have the same hoover setting as netaporter.com has. I got the same small row and would like when i hoover the link all box become white and text black.
Is this possible?
Thanks
Hello,
Try to add this code in Global Custom CSS section:
.header-wrapper .menu {
padding-top: 0;
padding-bottom: 0;
line-height: 10px;
}
.header-wrapper .menu > li > a:hover {
background-color: white;
color: black;
}
For this .header-wrapper .menu > li > a
in custom css you can change padding to padding-bottom: 5px;
, also add transition: all 0.2s ease-in-out;
Regards,
Rose Tyler.
Hello Rose!
It worked out great! Thank you.
Some more questions:
1, I want to use the site layout “boxed”, but i want to remove the border lines and the shadow from the box lines. Do you know how?
Also, about mobile version, is it possible to have 2 pictures on a row instead of only one picutre?
Takes so long time for customer to scroll down. 🙂
Thanks!
Hello,
Please add this code in Global Custom CSS section:
.boxed .st-container {
border: none;
box-shadow: none;
}
Custom CSS for mobile:
#wdi_feed_0 .wdi_feed_item {
width: 50%;
}
To replace demo footer with yours, you need to disable it in Theme Options > General > Show footer demo blocks > Off. Then add “8theme – Static Block” widget in Appearance > Widgets > Footer 1 or Footer 2 area and select the block you created.
https://8theme.com/demo/docs/royal/index.html#!/9_footer
Regards,
Rose Tyler.
Hey,
Thanks, removing the border worked!
But the css for mobile didnt work out, no different from without the code. I put the code: #wdi_feed_0 .wdi_feed_item {
width: 50%;
}
In Custom CSS for mobile.
And about the footer, i like how it look like on deskop. But i am wonderingen if possible same as the photos and products. If it possible to have 2 in one row? Sorry for my english
Thanks! 🙂
Hello,
I’ve added !important;
to previous code and changed Column Settings http://prntscr.com/dtsrko
Please clear browser cache and check.
Regards,
Rose Tyler.
Hello,
You can show 2 products per row using this code in Theme Options > Custom CSS > Custom CSS for mobile:
.products-grid .product {
width: 50% !important;
}
Regards,
Rose Tyler.
Hello,
I talked to you earlier in this thread that my product page acting weird. Dont fill upp all page 1 with products before creating page 2. So it leaves white space where products should be. You told me to erase all 3rd part plugins. What exactly is a 3rd part plugin?
Thanks
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 |
---|---|
d7ed5d03-cb21-4657-b20c-442972d0523c | 15 Nov 2016 |