Hi,

Im in the process of wrapping up my website and just had a few questions. I'velookd across the support items and found a few fixes but they dont appear to work, can you possibly help with this please? Loving the theme, some epic work gone into this!

1. How to add a dropshadow to nectar slider text

2 Ipad add to cart button missing in landscape mode

3. How to centralise and position the logo as I have it on iphone (I use the following code)

/* Mobile */
@media only screen and (max-width: 470px) {
    body header#top #logo img {
        height: 58px!important;
        margin-top: -20px!important;
        margin-bottom: 0px!important;
        padding-left: 120px!important;
}

4. Increase gap between Nectar slider text and buttons (Ipad landscape, portrait and iphone)

5. Increase dropdown navigation font size (ipad portrait and iphone)

6. Im using the morphing outline module on my homepage and there is a weird bug on page load that for 1 second shows the standard outlined box? It flashes up for a second whilst the page loads?

7. How to move the "back to top" icon so that its just above the bottom footer

8. How to extend the copyright content so that it spans further across the footer

Hope you can help with some of these items

Cheers

Damien

Hey Tahir,

Thankyou very much for replying..know you're busy so its very appreciated.

Ive used all of your customisation suggestions and I have to say that not one of them worked? Ive cleared my cache and none of the customisations work?

I did have some red boxes in the custom CSS box...maybe thats blocking these from working or something? The custome code ive used, including your fixes are below:

/* logo position */
header#top nav > ul > li > a{
    padding-right:15px !important;
    padding-left:15px !important;
}

/* Mobile */
@media only screen and (max-width: 470px) {
    body header#top #logo img {
        height: 58px!important;
        margin-top: -20px!important;
        margin-bottom: 0px!important;
        padding-left: 120px!important;
}

/* iPad issue with cart not showing */
@media only screen and (min-width: 1000px) and (max-width: 1080px) {
body .cart-outer {
    display:block !important;
}

/* hide SKU on front-end */
.sku_wrapper {
display:none;
}

/*nectar slider text edit on desktop */
.parallax_slider_outer.first-section .swiper-slide .content {
    margin-top: -150px !important;
}

/*remove gap above footer */
.container-wrap {
  padding-bottom: 0!important;
}

.swiper-slide .content p.transparent-bg span {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5)!important;
   box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5)!important;
}

/*centre alignment of product name and price */
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {
    text-align: center !important;
}

/*adding shadow to nectar slider */
.swiper-slide .content h2 {
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.25);
}

/*ipad add to cart missing fix*/
@media only screen and (max-width: 1080px) and (min-width: 1000px) {
    .cart-outer {
        display: block !important;
    }
}

/*ipad central logo*/
header#top #logo img {
    height: 200px !important;
    margin-top: -20px;
    margin-left: -30px;
}

/*gap between nectar slider bodycopy and buttons*/
@media only screen and (max-width: 1025px) and (min-width: 481px) {
    .swiper-slide .content .buttons{
        margin-top:60px !important;
    }
}

/*increase navigation dropdown size*/
@media only screen and (max-width: 1025px) and (min-width: 481px) {
    
    .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] {
        font-size: 50px!important;
    }
}

/*8*/
@media only screen and (max-width: 1025px) and (min-width: 481px) {
    #footer-outer .span_5 {
        width: 65% !important;
    }
    #footer-outer .span_7 {
        width: 25% !important;
    }
}

I really cant see what im doing wrong here :(

Cheers

Damien

Hi Tahir,

Ive amended the code but im still getting 1 red box at the bolded bit below. Not sure what im still doing wrong here as ive copied and pasted it exactly as youve suggested.

Please can tyou give a pointer as to where im going wrong? Thanks again for your help

cheers
Damien

/* logo position */
header#top nav > ul > li > a{
    padding-right:15px !important;
    padding-left:15px !important;
}

/* Mobile */
@media only screen and (max-width: 470px) {
    body header#top #logo img {
        height: 58px!important;
        margin-top: -20px!important;
        margin-bottom: 0px!important;
        padding-left: 120px!important;
    }
}

/* iPad issue with cart not showing */
@media only screen and (min-width: 1000px) and (max-width: 1080px) {
body .cart-outer {
    display:block !important;
}

/* hide SKU on front-end */
.sku_wrapper {
display:none;
}

/*nectar slider text edit on desktop */
.parallax_slider_outer.first-section .swiper-slide .content {
    margin-top: -150px !important;
}

/*remove gap above footer */
.container-wrap {
  padding-bottom: 0!important;
}

.swiper-slide .content p.transparent-bg span {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5)!important;
   box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5)!important;
}

/*centre alignment of product name and price */
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {
    text-align: center !important;
}

/*adding shadow to nectar slider */
.swiper-slide .content h2 {
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.25);
}

/*ipad add to cart missing fix*/
@media only screen and (max-width: 1080px) and (min-width: 1000px) {
    .cart-outer {
        display: block !important;
    }
}    

/*ipad central logo*/
header#top #logo img {
    height: 200px !important;
    margin-top: -20px;
    margin-left: -30px;
}

/*gap between nectar slider bodycopy and buttons*/
@media only screen and (max-width: 1025px) and (min-width: 481px) {
    .swiper-slide .content .buttons{
        margin-top:60px !important;
    }
}

/*increase navigation dropdown size*/
@media only screen and (max-width: 1025px) and (min-width: 481px) {
    
    .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] {
        font-size: 50px!important;
    }
}

/*8*/
@media only screen and (max-width: 1025px) and (min-width: 481px) {
    #footer-outer .span_5 {
        width: 65% !important;
    }
    #footer-outer .span_7 {
        width: 25% !important;
    }
}

Hi Tahir,

Thanks again for your continued patience helping with this.

Some of the fixes are creating unexpected results.

I think at this stage it will be better for me to use a paid developer to refine and finish the issues on the site.

Can you recommend anyone that will be familiar with The Salient theme and woocommerce? ITs often so hard finding a reliable developer so thought you may know someone.

Thanks again

Cheers

Damien

Hi Tahir,

Ok thanks, I'll take a look at that resource.

It was mainly that your suggested edits didnt work? Understand that your super busy and have so many things to look at which is why i didnt keep pushing for a fix :)

Thanks

Damien