Hey Andy

Thanks so much, that worked perfectly!

Kind regards

Nicole

Hey Yigit

That works perfectly and everything is looking awesome!

Thanks so much for your help!

Kind regards

Nicole

Hey Ismael

This worked perfectly! Thanks so much for your help!

Kind regards

Nicole

Hey Rikard

Thanks for your reply.

The issue is that I’m using a different logo for smartphones and it is off centre (to the left) on landscape view. Is there a way to centre it?

Thanks for your help.

Kind regards
Nicole

Hi Ismael

Thanks for your reply.

Under the ‘Appearance’ menu on the WP dashboard, there is a ‘Customise’ page that allows you to see how your site display look on desktops, tablets and smartphones.

I’ve tried adjusting the min width to 768px as you suggested but unfortunately this hasn’t resolved the problem.

It’s not a big deal, I can keep using an actual tablet to check the display.

Thanks for your help.

Regards

Nicole

Hey Yigit

Thanks for your help. I knew it was something I was doing wrong but couldn’t figure out what. I totally understand the mock up I’ve provided is outside of what you can assist with.

It’s hard to know what changes I’d like as I don’t know what the menu looks like. I was hoping to display a link to the ‘My Account’ and ‘Cart’ in someway. On the desktop version I have these links in the top header menu (red menu) but there isn’t enough room to do this on the mobile display. So I removed them from the mobile view using the code you mentioned above.

If you can help me to get the mobile menu to display with the ‘My Account’ and ‘Cart’ links that would be a big help!

Many thanks
Nicole

Hi Andy

Sorry, I didn’t like to raise a lot of tickets for queries relating to the same issue but noted for future reference.

Yes, I have updated the enfold/js/avia.js file and uploaded. I can see it the file structure in my FTP…

FTP access in private content.

Thanks for your help.

Nicole

Hey Ismael

No sorry, that’s not the issue. What I can see on my actual tablet is different from what is displayed on the customise page. For example:
The logo displayed on the customise page is the logo I have set to be displayed on smartphones only via:
@media only screen and (max-width: 767px) {
.logo img { opacity: 0; }
.logo a { background-image: url(http://…link to Mobile-Logo.png); background-repeat: no-repeat; background-size: contain; }}
The logo displayed on my actual tablet in portrait mode is the one set in the theme options (which is what I want)

The main menu displayed on the customise page is the header mobile menu even though I have this option set to “Activate only for Smartphones (browser width below 768px)”. But the menu displayed on my actual tablet in portrait mode is the normal header menu(which is what I want).

The product slider displaying at the bottom of the page on the customise page is the one I have set to display on smartphones only via
@media only screen and (min-width: 767px) {
.only-mob { display: none !important; }}
The product slider displaying on my actual tablet in portrait mode is the one I have set to display on all other devices via
@media only screen and (max-width: 767px) {
.not-mob { display: none !important; }}
Which is what I want.

I’m just not sure what I need to do to have the customise page reflect the settings above. Hope that all makes sense.

Thanks for your help.

Nicole

Hey Vinay

Thanks for the speedy response!

I’ve included two screen captures of what I can see on my tablet. The screen captures are both on the same page: the first is portrait view and the second is landscape. The problem is both orientations look different from the customise page. What is being displayed on the tablet is correct. I’m just not sure why it doesn’t look the same in the customise view?

Thanks for your help!

Nicole