Hello,

Please see screenshots from our demo – http://prntscr.com/kv8voc http://prntscr.com/kv8vtn http://prntscr.com/kv8w0n http://prntscr.com/kv8w48 http://prntscr.com/kv8w6u http://prntscr.com/kv8w8y

Regards

Dear @appdevtr33,

Do you mean this button http://prntscr.com/kud9p7 on Home page?
Please provide a screenshot to help me understand more.
You can use such screenshot maker as Lightshot https://prnt.sc/ and provide links to screenshots.
Also, provide temporary wp-admin access in the Private Content area http://prntscr.com/kudb7z

Regards

Dear @Su Flo,

It is strange, but I’ve checked your site on a few different browsers on different apple devices but there are no mentioned problems.

Regards

Hello,

Please make sure that Header overlap is disabled in [8theme] Layout options.
Also, provide us with temporary wp-admin access.

Regards

You’re welcome!
Have a nice day.

Regards

In Safari the problem was caused by cache http://prntscr.com/ku9ehe I’ve cleared cache http://prntscr.com/ku9f2i Please check now – http://prntscr.com/ku9fbo

Regards

Hello,

Please add this code in Global custom css:

@media only screen and (max-width: 992px) {
    .main-header {
        background-color: #6f983b !important;
    }
}

Regards

Hello,

The width of the footer can be changed via editing of your static blocks – http://prntscr.com/ku8tmv
Please change the previous custom css code to:

.category-1 .product-categories h2, #product_categories-1 h4{
    background-color: #cda85c;
    padding: 20px 15px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
}
.category-1 .product-categories > li > a, #product_categories-1 li > a {
    font: 13px/18px 'Roboto';
    display: inline;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 17px 0;
    padding-left: 20px !important;
}
.category-1 .product-categories, #product_categories-1 {
    border: 2px solid #cda85c;
    margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0;
}
#product_categories-1 h4{border: none;}

Let me know the result.

Regards

Hello,

You need to use Products widget for both custom areas but with different settings, for example, http://prntscr.com/ku8oo6 http://prntscr.com/ku8ow4
https://www.8theme.com/videos/ (Royal – WordPress ThemeEngine – Footer Set Up)

Regards

Hello @kdb,

You’re welcome!

Regards

Hello,

Have you changed wp-admin access? I can’t log in.
There are 2 menus – Main and Secondary, the Main menu marked as mobile http://prntscr.com/ku8gh4 (Appearance > Menus) If you want to have different menu items on mobile you need to create own menu and set it for mobile.
Feel free to ask if you have any other questions.
Please read our documentation – https://www.8theme.com/documentation/xstore/

Regards

Hello,

Please check if this issue persists only with our theme only or with a default theme too.

Regards

Please change this code in Global Cutom css:

.mc4wp-form input[type="email"] {
    width: 77%;
}

to:

.mc4wp-form input[type="email"] {
    width: 77%;
    height: 3.6rem;
    float: left;
    background-color: white;
    border: 1px solid #f0f0f0;
}

and this:

body .subscribe-block{
    padding:40px 0 150px 0 !important;
}

to

body .subscribe-block{
    padding:40px 0 100px 0 !important;
}

Also change this in Custom css for mobile:

.mc4wp-form input[type="submit"] {
    top: 80px;
    float: none;
    text-align:  center;
    left: 35%;
}
.mc4wp-form input[type="email"] {
    width: 100%;
}

to:

.mc4wp-form input[type="email"] {
    width: 100% !important;
}
.mc4wp-form input[type="submit"] {
    top: 70px;
    float: none;
    text-align: center;
    left: 33%;
    position:  absolute;
}

Regards

Hello,

Try to add this code in Global Custom css:

@media only screen and (max-width: 992px) {
    #st-trigger-effects {
        left:  unset;
        right: 0px;
    }
    .header-logo {
        left: 31%;
    }
}

Regards

Hello,

To get this result http://prntscr.com/ktxmib you need to set these settings – https://prnt.sc/ktlbyg + add this code in Theme Options > Styling > Custom css:

.single-product .product-content-image img, .post-type-archive-product .product-content-image img{
    min-height: 378px !important;
}
.content-product.product-inview .product-content-image img{
    min-height: 293px;
}

Regards