responsive ( Tower)

Tower

- 8 years, 7 months ago ankush shetty
  Participant
  
  Expired
  
  Hi,
  
  I am using tower theme.
  
  its not responsive .
  
  Please help in making it responsive.
  
  https://vr3services.in/woofur/
  
  Thank you
- 8 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  I see you do have the site responsive. What element are you using for the images in home page? Please fill in the necessary information on your extra information fields of your profile data. So we can give it a closer look.
  
  Read this article for more information.
  
  Best regards!
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  I have updated my profile with all the details.
  
  I see my home page image elements are not responsive. ( 1st half of the home page : NEW ARRIVALS section)
  
  https://vr3services.in/woofur
  
  Please have a look.
  
  Thank you
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  Custom heading title in one of the page is not responsive. its overlapping.
  
  https://vr3services.in/woofur/kitchen/
  
  Custom Heading title (Bespoke Kitchens) is overlapping when viewed on mobile.
  
  Please help me to resolve the issue.
  
  Thank you
- 8 years, 6 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  Did you add on your own the “Single Image” visual composer element? It is not listed by default in the Visual Composer plugin elements included in the theme.
  Please add this code into your custom css box:
  
  @media (max-width: 480px){ .wpb_column .wpb_wrapper { width: 92% !important; margin-left: -12px !important; } .block_title.section_title h1 { width: 83% !important;} .block_title.section_title h3 { width: 80% !important;} .wpb_text_column { margin-right: -50px !important;} h5.vc_custom_heading.letter_s_5 { margin-right: -50px !important;} }
  
  Let us know.
  
  Best regards!
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  Hi,
  
  It works partially, when viewed in smaller screen mobiles, menu is overlappimg over the logo.
  
  Please help.
  
  Thanks
- 8 years, 6 months ago Mirela
  Participant
  Hello,
  
  Please add this code as well:
  
  @media (max-width: 480px){ .header_11 #logo { margin-right: 8px !important; }}
  
  Result.
  
  Best regards!
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  Thanks.
  
  It is working for me except for iphone 5 and smaller screen mobiles.
  
  and codeless slider which i have used is not responsive. (High Priority)
  
  Please help
  
  Thanks
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  I had issues with the product page like 3 products was displaying in a single row when viewed on mobile. I wanted to it to be responsive like 1 product in each row
  
  support guys gave me the below code and it worked also but it has affected the logo now.
  
  Again the logo is overlapping on the menu in some mobiles.
  
  without this code it was working well like i mentioned in the prev comment.
  
  But when i apply this code again i am having probelms’.
  
  @media (max-width: 767px){
  
  .woocommerce.columns-3 ul.products li.product {
  
  width: 100% !important;
  
  }}
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  SORRY, Please don’t consider the above comment.
  
  Problem resolved.
  
  Only issues are
  
  COdeless slider i have used is not responsive. ( HIGH PRIORITY)
  
  Responsive issues in iphone 5 and smaller screen mobiles.
  
  Thanks
- 8 years, 6 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  @media(max-width: 480px){ .codeless_slider_swiper { height: 270.351px !important; min-height: 270.351px !important; } .codeless_slider .swiper-slide { background-size: contain !important; width: 375px !important; height: 182.344px !important; top: 90px !important; }}
  
  The result screenshot. Let us know.
  
  Best regards!
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  Partially working.
  
  But not working in all the mobiles.
  
  It is showing the small portion of the 2nd slider image as well in the 1st slider in some of the mobiles.
  
  Please help ( HIGH PRIORITY)
  
  Thanks
  
  Ankush
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  Adding to the above reply.
  
  Snippet which you gave me regarding menu and logo overlapping in mobiles, it is working well except iphone 5 and smaller screen mobiles.
  
  @media (max-width: 480px){
  
  .header_11 #logo {
  
  margin-right: 8px !important;
  
  }}
  
  Please help.
  
  This reply was modified 8 years, 6 months ago by ankush shetty.
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  @media (max-width: 480px){
  
  .header_11 #logo {
  
  margin-right: 8px !important;
  
  }}
  
  This reply was modified 8 years, 6 months ago by ankush shetty.
- 8 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  The 480px width includes all mobile devices with screen dimensions smaller than 480 up to 480px.
  If you are not satisfied with the result, just edit the value. Example: margin-right: -40px !important; -> result screenshot.
  
  Best regards!
- 8 years, 6 months ago ankush shetty
  Participant
  
  Expired
  
  Thanks, working!

Viewing 15 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login