No Sidenav on the Shop

Support
#1

Hello x-Theme

we are moving the shop from the subdomain to the main domain pibella.com
you once provided us with a script (:arrow_lower_right:︎ functions.php) to insert a sidenav on the ➚blog

now it happens that the sidenav also apperars on the ➚ shop
could you kindly change the code so, that there is no sidenav on the main shop page?

many thanks, ben

#2

Hello Ben,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.woocommerce .x-sidebar {
    display: none;
}

body.woocommerce {
    padding-right: 0;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

…awesome - thanks!

#4

You’re most welcome!

#5

Ciao Nabeel

one more thing please. on the blogside there are some changes like ‘previous’ and ‘next’ butten got lost (just text), and pictures are as big like befor. I belive that changed since the x-theme update.
on the online site you see the references: button and images size
… for any need: function.php (new)

appreciate your help, thanks, ben

#6

Hi Ben,

Upon checking, I can see you have incompatible version of the theme and cornerstone.

Please update your theme and cornerstone to the latest versions.

X 6.4.3, Cornerstone 3.4.3

Remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

To fix the featured image size and your Nav, add the code below in Theme Options > CSS

.archive.category .entry-featured {
    max-width: 300px;
    float: left;
    margin-right: 30px;
}

.single-post .nav-links a {
    color: #fff;
    background-color: #118005;
    padding: 5px 15px;
    border-radius: 4px;
}

.single-post .nav-link .nav-previous {
   float:left;
}

.single-post  .nav-link .nav-next {
   float:right;
}

Hope that helps

#7

thank again!
somehow the left, right float does not work on the single post.
else: perfect! thanks, ben

#8

You are most welcome. :slight_smile:

#9

did you see/understand my question?

–> somehow the left, right float does not work on the single post.

#10

Hello Ben,

I am really sorry for the confusion. Please add following CSS under X > Theme Options > CSS:

.single-post .nav-links a {
    float:  left !important;
    margin: 5px;
}

Thanks.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.