How To Make Mobile View SImpler

Hi. I have been unable to edit my mobile view, it shows the same has desktop view which i think is too busy for mobile (Check my site beautygeeekng.com) Please I would prefer a normal blog veiw for mobile. Is there a way I can do that?

Hi

I can’t accuses your site: http://screencast.com/t/cAUvTGDn
Also please provide more details about the elements that you want to hide on mobile devices.

Thanks!

Sorry made a mistake its http://www.beautygeekng.com/
I want it to look like a blog. I dont need all the blocks. I just want a simple blog arrangement from latest post. I also want the side bar. I dont want the “more stories widget” to pop up

Hi

To achieve that you will need edit the page-pagebuilder-latest.php file and add this css class here: http://screencast.com/t/Jy5HpX5gPHCu Next step is to add this css in theme panel > custom code > custom css:

@media(max-width: 768px){
.hide-on-mobile{
display: none!important;
}
}

To hide more article box please check this topic, I’ve posted a solution there: https://forum.tagdiv.com/topic/view-on-mobile-mode-the-more-stories-covered-all-content/

Thanks!

Thank you so much! it worked
One more thing, on my mobile view i changed my header colour to white cos of my logo. But now I cant see the menu button cos its also white. How do I change it to black?

Hi

Try this css: http://screencast.com/t/B8jijHB2Kh

.td-icon-mobile:before{
color: black;
}

Thanks!

Thank you so much

Hi, I’d like related posts to show on mobile. How can I do that?

Hi

Use this css in theme panel > custom css

@media (max-width: 767px){
.td_block_related_posts {
display: block!important;
}
}

Thanks!

If you want the best optimized view for mobile for users on Chrome/Android, you might also check out the new “AMP” protocol from Google; and get the free plugin made by Automattic (people who make WP) in the WordPress.org plugin repository.

how do i hide a widget on my side bar from mobile view

My mobile view is also very slow. And I don’t know why. Thats why I’ve been trying to make it as simple as possible with less modules. I looked up AMP and a lot of people are complaining about it. It also seems like something thats not so easy to setup. Im not really IT/HTML savvy

Hi

The theme is tested and its loading speed on mobile devices it’s peaty good. I’ve test you’re site with google page-speed tool and noticed that indeed the loading speed it’s very slow. To improve it please check our documentation regarding page-speed: https://forum.tagdiv.com/how-to-make-the-site-faster/ Also you may find some useful informations in this topics: https://forum.tagdiv.com/topic/website-slowness-after-newsmag/ – https://forum.tagdiv.com/topic/speed-booster-incompatible/
I order to have a good page speed you will need to make some modifications in code as it’s indicated in documentation and in topics. This require custom work and a lots of tests.
Unfortunately we can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!

AMP is simple plugin, and was updated this week. Google will start supporting it on the 24th.

However, it only works with supported platforms … so, still best to optimize the theme’s mobile setup on your site, as you’re trying to do.

AMP is just another “option” to consider at some point as Google will start to “show” that version if enabled on compatible devices over the theme version, if AMP is setup.

• This reply was modified 10 years by simchris.

Hi, Please how do I make my Search button black on mobile view?

Hi

Try this css in theme panel > custom code > custom css:

@media(max-width: 768px){
.header-search-wrap .td-icon-search{
color: black;
}
}

Thanks!

Thank you.
That worked.
One last issue though.
My logo does not show on mobile.
I have tried using different phones.
I have re-uploaded the picture but its still the same

Hi

The url for mobile logo is not correct, this is your ling to mobile logo: http://www.beautygeekng.com/wp-content/uploads/2015/08/2aaa-300×120.png which generate a 404 error. Try to remove the logo from theme panel then choose or upload thew image again.

Thanks!

Hi,

So i have done what you told me to do but the result is still the same. The logo shows perfectly on desktop view.
But it won’t show on mobile view

Hi

Please address us via email at contact@tagdiv.com including a link to this conversation and also give us wp-access so we can have a closer look at this and we will get back to your as soon as possible.

Thanks!

Hi

My mobile view is not showing my latest articles. It starts from the 4th most recent article. However my desktop view shows the right thing

I am not using a mobile theme
Website: beautygeekng.com
Thank you