SKT full width theme mobile menu issue

[George Banjanin]

Hi there,

I’m currently using the full width theme and am having issues with the mobile menu.
The menu works fine on desktop mode (vertical menu and is automatically expanded), but once on mobile mode the menu changes to horizontal and it is no longer expanded. When the expand button is clicked, it appears then disappears right away.
FYI the website is scottsdaleproperty dot com dot au

how can i make the mobile menu look the same as the desktop one so that it is vertical and expanded? is there css I can add to reduce its width to fit?

thanks
George

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Sonl Sinha]

Hi,

Admin details are missing? Kindly send us your wordPress admin details as well.

Regards,
Dave

[Sonl Sinha]

Hi,

Issue have been resolved. Kindly check and confirm.

Regards,
Dave

[George Banjanin]

Hi Dave,

The menu now expands so that part is fixed, but it is still horizontal unlike the pc version.
is there a way to fix this?

also, on the mobile version the images on the homepage slider do not auto size or even centre, so they are cut off half way.
is there a way that they can be centered or fit to screen for the mobile version?

thanks.

[Sonl Sinha]

Hi,

1. The menu now expands so that part is fixed, but it is still horizontal unlike the pc version.
is there a way to fix this?

Ans: We checked, menu are working fine.

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

2. also, on the mobile version the images on the homepage slider do not auto size or even centre, so they are cut off half way.
is there a way that they can be centered or fit to screen for the mobile version?

Ans: Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

Add this code there:

#supersized img {
    display: inline;
    max-width: none;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    object-fit: contain;
}

Regards,
Dave

[George Banjanin]

Hi Dave,

thanks for this, but it shrinks down the image quite a bit so it no longer fills the full screen.
it also changes the web version.

is there a way to restrict this only to the mobile version, or keep the image full size but centred?

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Dave

[George Banjanin]

Hi Dave,

I’ve given up trying to get the images to centre on the slider, so i just have the 3 that show correctly.
Previously the last two were left aligning rather than centre aligning, and then the second time the slider goes around even the first few would change.

there are now 3 images on the slider, all are 1500×700. i have triple checked that they are all the same size.
on the web version, the first and third image have a black band at the bottom but the second doesnt. this is strange since they are all the same size.
on the mobile version, the first and third are ok (although are no longer full size due to the previous changes to the css). the second is vertically stretched. again the images are the same size.

what is causing this?

https://ibb.co/82YDQ6G
https://ibb.co/f8dJp1p
this is the vertically stretched one
https://ibb.co/GkWk8z3

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
#supersized img { height: auto !important; top: 50% !important; transform: translateY(-50%);}
}

Regards,
Dave

[David Hall]

Hi,
I’m also having same issue with menu not expanding on mobile.
Website localvib dot es
Regards,
Dave

[Sonl Sinha]

Hi David,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[David Hall]

Thanks Dave,
Have emailed through details.
Cheers,
Dave

[Sonl Sinha]

Hi,

Issue have been resolved. Kindly check and confirm.

Regards,
Dave

[David Hall]

Hi Dave,
The menu is now permanently expanded and doesn’t collapse any more?
This could be an issue as more menu items are added.
Regards,
David

[Author]

Posts