Blog is not dynamic on Android

[Sgmonster]

Hello:

My blog looks fine on my web browser, but on the phone, I see all the blogs and you have to scroll through the entire content to get to the next one.  There is no organization ‘filing’ system.

Go to sunglassmonster.com/blog/ on your android phone and you will see what is wrong.

How do I fix this?  Shouldn’t the phone interface look pretty much like the computer?

Thanks,

Tom Shiao

 

[Harry]

Hi,

The issue because your code add width to caption https://prnt.sc/ozvto5

Please add below code to fix

@media only screen and (max-width: 800px) {
.wp-caption {
	width: 100% !important;
}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sgmonster]

Hello:  sorry, so is this what one of them should look like?  sorry, I’m not sure what you mean by just ‘add’ it.   Do you mean to just add to the end of the code, or do you want me to replace it?  See below:  (if not, can you show me an example?)  thank you.

[Sgmonster]

Crap…the html I modified doesn’t show up.  Do I just cut and paste code you gave me after

caption id=”attachment_16782″ align=”aligncenter” width=”300″    ????

Or do I replace some of the code   ???

Sorry, can you show me what it should look like?   Thank you!

[Harry]

Please add code in Claue > Theme Option > General Layout > Custom CSS

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

For the code you add please remove width value

caption id=”attachment_16782″ align=”aligncenter” width=”300″

to

caption id=”attachment_16782″ align=”aligncenter”

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sgmonster]

So, if the blog fits nicely on mobile, does the customer still have to browse through the entire content of each blog to get to the next blog, or is there a nicer index like on the computer?

[Sgmonster]

Now everything fits on the mobile screen.  thank you.  But it’s not very user friendly on the mobile and the computer.  Isn’t there a like a table of contents format where the customer can see the title of the blog, a picture and maybe a short excerpt…rather than having to scroll through each blog to get to the next one?   When we get to more than 10 blogs, it will be cumbersome to scroll through!  thanks.

[Harry]

Hi,

Please go to Claue > Theme Option > Blog > Content display on blog list > Excerpt.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sgmonster]

 

Hi there,

Is there any way to insert image (with any size) into the black background ?

 

Thank you.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.inside-thumb {
	background: url("http://janstudio.net/claue/demo/wp-content/uploads/2016/10/shop-category.jpg") no-repeat center center;
	background-size: cover;
}

and change http://janstudio.net/claue/demo/wp-content/uploads/2016/10/shop-category.jpg with your image path.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sgmonster]

Hi, Is there a way to change the left and right margins on the blogs?  Currently the width of the body of the blog is set the same as the rest of the website.   The posts appear way too wide and it doesn’t look good.  It’s also difficult to read.

See:  https://bikershades.com/motorcycle-sunglasses-top-ten-uses/

Thank you,  Tom

 

 

[Harry]

Hi Tom,

Please add custom code in Claue > Theme Option > General Layout > Custom Css

.single-post .jas-container {
	max-width: 1170px;
}

And change 1170 with your number.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts