Hi,

1/ This issue caused by you're using a plugin that has included the CSS from bootstrap and it has bad CSS and makes your check out page broken. You can find what's the plugin has this or add more this code to Customize > Custom CSS to override it:

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{ max-width: 100%; }

2/ You can add more of this code to Customize > Custom CSS to change the background & text color for numbers on the cart icon:

#top-search.shoping-cart-icon > a > span{ background: #ffff00; color: #ffffff; }
#navigation.menu-item-padding ul.menu > li > a, #navigation.menu-item-padding .menu > ul > li > a{ padding: 0 10px; }

Change the color code ffff00 and ffffff to any color code as you want. You can get a color code here

To change the color for cart icon, please check option for it via Customize > Logo and Header > Colors > Search, Shopping Cart & Mobile Bars Icons Color

Best Regards,

PenciDesign

Hi,

Of course, that option can't work because you can't make the logo display outside the main navigation, right?

If you want to make your logo display bigger, here are your solutions:

1/ Remove all the space around your logo image - check this image - you can see your logo image has many violet areas around your logo image, you should remove it. I've helped you cut all those spaces, you can download the new logo image and upload & replace it with your current logo image.

2/ After did point 1/ you can go to Customize > Logo and Header > Main Bar & Primary Menu > on "Custom Main Bar Height ( Min 30px )" and "Custom Sticky Main Bar Height When Scroll Down ( Min 30px )" - change it to make the Main Bar display bigger.

3/ If you want to make the logo display bigger more, you can add more this code to Customize > Custom CSS:

#navigation.header-6 #logo img, .is-sticky #navigation.header-6 #logo img{ padding: 2px 0; }

Best Regards,

PenciDesign

Hi,

It seems you're using an outdated version of Soledad. Please update it to the latest version 7.8.0.

As I checked, you're using version 7.3.6, so please remove the code at the end of functions.php file like on this image: http://prntscr.com/uon4qx 

After that, do following this guide to get updates the theme with one-click from now: https://pencidesign.ticksy.com/article/15633/

When you have done it, try it again.

Best Regards, 

PenciDesign

Hi,

You did on wrong option, please go to Customize > Homepage > Colors > FEATURED CATEGORIES > Text Color for "View All" Button

Best Regards,

PenciDesign

Hi,

All very sorry, I said wrong option. Please check it via Customize > Homepage > Colors

Best Regards,

PenciDesign

Hi,

You can check option for it via Customize > Posts Layouts > Colors > OTHER LAYOUTS > "Read More" Link/Button Color

Best Regards,

PenciDesign

Hi,

1/ First, I recommend you update the theme to the latest version - version 7.8.0.

As I checked, you're using version 7.3.6, so please remove the code at the end of functions.php file like on this image: http://prntscr.com/uon4qx ( if you don't see it, you can ignore this step )
After that, do following this guide to get auto-updates the theme with one-click: https://pencidesign.ticksy.com/article/15633/

For the topbar menu issue, the top bar menu is not supported for drop-down/fixed on the mobile. For main navigation, you can click here to show it

2/ Example on your site: If you want to display category "多次元奇門紫微論命" on the homepage look like that, please go to Posts > Categories > edit category "多次元奇門紫微論命" > scroll down and on "Select Featured Layout for Magazine Layout" > select "Style 14" - check this image: http://prntscr.com/1101axa

For more information, you can check on this video tutorial.

Best Regards,

PenciDesign