Site is not responsive on mobile devices

Can you send me a link? You are correct in that the layout should change on mobile.

https://www.mugeturner.com/

Ok hopefully I can explain, because you added the images in to make 4 columns but didn’t use the column shortcode that is part of the theme it’s not using the dynamic layout. The rest of your site is changing layout fine but it’s where you are adding in your own content that you want to add columns.

A quick note this won’t be an option unless you have activated the virtue tool kit plugin.

In the page editor you will see on the top left a series of buttons. Click on the columns button and then pick 4 columns then put your image in each column.

Here is a link to an image of the buttons: https://docs.kadencethemes.com/virtue/#!/shortcodes

Hope that helps.

Kadence Themes

I actually tried that first as i thought it was the obvious thing to do. I inserted columns and then couldnt get the images inside. text was fine, but the images just didnt go in. I tried copy and paste, add media, but just didnt work. is there are certain way to insert them to the columns?

The tinymc editor can be well problematic at times. if you are having issues with the visual help shortcodes have you tried the traditional shortcodes? It’s the top option on the columns popout box.

Yippee! That seems to work. Thanks. images are a little small, but should be able to sort that out. I have another query, similar thing. My primary menus change to a drop down menu when on ipad / iphone, rather then shrinking. what do i need to do to change that?

Try adding this to your custom css box in theme options:

@media (max-width: 979px) {
#nav-main {width: auto;height: auto;float:none;}
#nav-main ul.sf-menu {display: block;}
#nav-main select.navselect {display: none;}
#nav-main .mobilenav-button {display:none;}
}
@media (max-width: 767px) {
#nav-main {width: 100%;height: 50px;margin: 20px auto 0px;float: none;position: relative;}
#nav-main ul.sf-menu {display: none;}
#nav-main select.navselect {display: block;}
#nav-main .mobilenav-button {display:inline-block;}
}

Youre good. That kept the links and got rid of the drop down. only thing is that the last two menu links got knocked down to the next line when the ipad is in portrait. I looked at the code, but not quite sure. what should i change so that the text size shrinks more?. it works great in landscape view btw.

You could try this this:

@media (max-width: 979px) {
#nav-main ul.sf-menu a {padding:10px;}
}

works perfectly! thanks. Im sure I will be back in contact soon.

Hi,
I thought I post my question here as it is related to the topic.
My theme is also a responsive theme, but when I view it as ‘full site’ on my phone it looks really strange, it’s all very small and to the very left, it doesn’t look like my normal site at all.

Also when I switch to view mobile site, it looks a bit better but I would like to change the colours, is that possible at all?

This is my site: https://www.seatsandsweets.com/

I would really appreciate any help!
Thanks!

This is a support forum for virtue theme, looks like you are using a child theme of adelle theme. You need to post a support topic on the support forums for that theme.

One quick advice though, it seems you have jetpacks mobile site enabled, I would start by disabling that.

Kadence Themes

Hi,
My question is related to the Virtue Theme Mobile css–Everything is fine except I can’t get #topcontrol to display the scroll to top arrow. In desktop view it’s there and working fine but when viewed on a smart phone it’s gone. Any suggestions?
Thanks in advance,
Ken

Hi I am new to this and have set up a blog for my boyfriend who is travelling in the US. I am using the Virtue Theme and have a menu on the top right above the banner/wow slider. However, he cannot see the menu when viewing the website on his mobile phone. Can anyone help please?

Set up a mobile menu in you menus. Just need to assign a menu for mobile.

Kadence Themes