Hi,
You can change this breadcrumb bar background color by add custom code in Claue > Theme Option > General Layout > Custom CSS
.jas-wc-single .bgbl, .jas-breadcrumb { background: #f6f6f8;}
And change #f6f6f8 with your color code.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
- You can follow this screen shot https://monosnap.com/file/rc5mXr4V1m52d9BJfLgr2kFN9nLqYD#
- You add custom css for responsive on mobile in JanStudio > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 800px) {
.vc_column_container > .vc_column-inner.vc_custom_1499139219444 { padding-left: 15px !important; padding-right: 15px !important; }
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Thanks Harry,
Theres no mechanism to control that empty space by mobile or non-mobile without some extra CSS I assume? For example on say Jupiter theme the blank spaces/padding can be controlled by screen size. The downside I see with the empty space is that I don’t really want it to display for desktop/large screen sizes, but its a necessity on mobile.
Ben
Hi There,
I installed the Gecko Furniture demo, but I have noticed the featured images on the homepage on my demo are not consistent with the look and feel on the demo on your side.
I am referring to the images mid way down where you have 2 columns:
(1) Left column image and right side products
(2) Right column image and left side products
On your demo the images are ‘reasonable’ in their display output on mobile, but on my demo the images are not responding the same and it looks rubbish.
What am I missing? Is there some custom CSS on your demo version that isn’t automatically set when a user imports that demo onto their own site?
Thanks,
Ben
Hi SnoopGraphic,
Thank you for choosing our theme.
- You can try import attach file via Tools > Import > WordPress Import
2. You can disable the text “Frontpage” on home by edit this page and navigate to “Page Layout Option > Enable Page Title > Off
if only want hide this text you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS
.home .jas-breadcrumb { display: none; }
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hey. I have added the CSS. It was fine on my android device. After adding the code, here’s how it looks. I’m not sure about iPhone yet.
Hope you remember, I only get the problem on iPhone 5 5s 6 6s. On other devices it looked fine before. Please check attached for how is it looking on my android device.
Attachments:
You must be
logged in to view attached files.
You can add custom css
@media only screen and (max-width: 736px) {
.btn-atc .variations_form .yith-wcwl-add-to-wishlist { top: -32px;}
}
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Maumian,
- You need change header style to header transparent add add custom css code.
.header__mid, .header-sticky .header__mid { background: rgba(255,255,255,0.8);}
and remove custom background for uber menu and remove margin-top of urber menu
https://monosnap.com/file/0jdx6yBlV8XsUdq1CNLS2ULb8gIUO9#
2. To make the banner height around 600px you should change setting uncheck full height row https://monosnap.com/file/XoE55n6ivnBlQjCiXrzG05OOb7pJOV# and adjust padding in Design Option tab.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can add custom css code
.home #jas-content { margin-top: -121px;}
@media only screen and (max-width: 736px) { .home #jas-content { margin-top: -71px;}}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
I got it. It was the .vc_custom_ css. I updated it to .vc_custom_ 1498540068594 in the custom css. – Thanks for showing me this yesterday. It helped me fix it today 🙂