Mobile menu & slider content issues

- 7 years, 5 months ago jenniferlgoode
  Participant
  
  Expired
  
  Hello,
  
  I’m having issues with my website in mobile (phone & tablet) view. When one these devices, I cannot see my top navigation menu and the slider content (title, subtitle, and button) is too far left and cut off.
  
  My website address is https://jennifergoode.ca
  
  Appreciate any help!
  Thanks,
  Jen
- 7 years, 5 months ago Mirela
  Participant
  Hello,
  
  Please make sure you have enabled the mobile menu first. Go to General Options > Header Options > Show Responsive Menu Dropdown, set it ON.
  
  Add this code into your custom css box to fix the slider text:
  
  @media (max-width: 979px){ .codeless_slider .swiper-slide .content { right: 0 !important; }}
  
  Let us know.
  
  Best regards!
- 7 years, 5 months ago jenniferlgoode
  Participant
  
  Expired
  
  Hi Mihaila –
  
  Thank you so much! It looks great on the iPad now, however the slider content is still cut off on the iPhone – is there a custom CSS i could add to fix this?
  
  Thanks!
  Jen
- 7 years, 5 months ago Mirela
  Participant
  Hello,
  
  Yes, just edit the code above to this:
  
  @media (max-width: 979px){ .codeless_slider .swiper-slide .content { right: 0 !important; top: 36% !important; }}
  
  Result screenshot: https://pho.to/AjC20
  
  Best regards!
- 7 years, 5 months ago jenniferlgoode
  Participant
  
  Expired
  
  Perfect! Thank you so much ;-)

Viewing 4 reply threads

You must be logged in to reply to this topic.