Please help: After updating WP & Tower problems with menu on all devices

- 4 years, 2 months ago Madej_Design
  Participant
  After updating to the latest WordPress version and the latest Tower theme, there is a problem with the menu on all devices:
  You can see the page title and the breadcrumbs on an extra header although switched off in the Tower settings. The website normally starts with a transparent header on a picture.
  The problem exists on all devices (computer, mobile & tablet). Please check and help! Please document what you made for letting it disappear as I have other websites based on Tower.
  Many thanks in advance from Madeleine
  
  This topic was modified 4 years, 2 months ago by Madej_Design.
  
  This topic was modified 4 years, 2 months ago by Madej_Design.
  
  This topic was modified 4 years, 2 months ago by Madej_Design.
- 4 years, 2 months ago Madej_Design
  Participant
  
  This reply has been marked as private.
- 4 years, 2 months ago Madej_Design
  Participant
  
  This reply has been marked as private.
- 4 years, 2 months ago azam
  Keymaster
  
  Hi,
  Please check and let me know.
  
  Thanks,
- 4 years, 2 months ago Madej_Design
  Participant
  
  Hello Azam!
  
  Many thanks for fixing the menu problem so quickly!
  Breadcrumbs and page title are gone.
  Unfortunately, the menu on the mobile and on the tablet doesn’t look like before:
  
  Menu on mobile (portrait format):
  Logo and menu points are overlapping.
  
  Menu on tablet (portrait format):
  Logo is distorted.
  
  Menu on tablet (landscape):
  The grey transparent background of the menu (only visible when scrolling down (sticky nav)) doesn’t appear (although it works on the normal computer).
  
  Many thanks for your help in advance from Madeleine
- 4 years, 2 months ago azam
  Keymaster
  
  Hi,
  Please hit Ctrl + f5 and clear your cache / brwosing history then check it.
  
  Thanks,
- 4 years, 2 months ago Madej_Design
  Participant
  Dear Azam!
  
  I deleted the cache / browser history on all devices.
  
  The overlapping is gone but unfortunately, the logo in the header/menu now is DISTORTED:
  – on the mobile in portrait AND landscape format
  AND
  – on the tablet in portrait format.
  
  And for the tablet in landscape format:
  The grey transparent background of the menu still doesn’t occur when scrolling down (stick nav).
  
  Thanks for helping from Madeleine
  
  This reply was modified 4 years, 2 months ago by Madej_Design.
- 4 years, 2 months ago azam
  Keymaster
  
  Hi,
  Please check now and let me know.
  
  Thanks,
- 4 years, 2 months ago Madej_Design
  Participant
  
  Hello Azam!
  
  No distortion of the logos any more! Many thanks!
  
  The only problem that still needs to be solved is the following:
  Menu on tablet (landscape):
  The grey transparent background of the menu (only visible when scrolling down (sticky nav)) doesn’t appear (although it works on the normal computer).
  
  Many thanks from Madeleine
- 4 years, 1 month ago azam
  Keymaster
  
  Hi,
  I am not seeing grey bg, please share the screen shot what you are getting.
  
  Thanks,
- 4 years, 1 month ago Madej_Design
  Participant
  
  Hello Azam!
  
  How can I add an attachment (screenshot) to this message?
  
  I am explaining it more precisely:
  On the normal computer: When you scroll down the menu changes from NO BACKGROUND to GREY TRANSPARENT BACKGROUND (see: sticky nav in Tower). This is what I want! I am happy with this!
  BUT: On the TABLET (landscape format) this effect doesn’t work and the menu has got no background when you scroll down.
  
  Thanks for helping from Madeleine
- 4 years, 1 month ago azam
  Keymaster
  
  Madeleine,
  I cant see any attachment, i Can Grey BG on Tablet PC, do you want to me take-off?
- 4 years, 1 month ago Madej_Design
  Participant
  
  Hello Azam!
  
  I can’t attach anything to this message without a link. HOW can I add an attachment?
  
  STICKY NAV works on normal computer (grey transparent background when scrolling down). PLEASE DO NOT CHANGE THIS!
  
  BUT this effect does not work on the TABLET PC! I want a grey transparent background in the menu when scrolling down.
  
  Thanks from Madeleine
- 4 years, 1 month ago azam
  Keymaster
  
  Madeleine,
  I can see Transparent Grey BG and its working on my side.
  Please tell me Browser and Device you are using, I can try to test on specific device. This is what I am getting:
  
  —
  
  For Adding or attaching new image you can do it, by going to imgurl.com and Upload image and you will get a Unique url, post that url over here.
  
  Thanks,
- 4 years, 1 month ago Madej_Design
  Participant
  
  Good morning, Azam!
  
  Thanks for the picture. This is what I want!
  
  I have checked these 2 tablet advices and deleted all caches/browser history. These are my experiences:
  
  iPad Air 2 – Software 14.0.1
  Safari, Firefox, Chrome: Grey background does NOT show up.
  
  iPad (7th generation) – Software 14.0.1
  Safari: Grey background shows up! Yeah! But it stays after activating once.
  Firefox, Chrome: Grey background does NOT show up.
  
  Can you do anything about it?
  
  Many thanks from Madeleine
- 4 years, 1 month ago azam
  Keymaster
  
  Hi,
  Please check now and let me know.
  Also why did off the Sticky Header Menu from Tower Theme Option panel.
  
  It should be ON.
  
  PS: I am using Only Simulator for testing and dont have exact device where you are testing.
  
  Thanks,
- 4 years, 1 month ago Madej_Design
  Participant
  
  Good morning, Azam!
  
  Many thanks for your help! Seems to be a tricky thing.
  Thanks for your advice to switch the “Sticky Header on Responsive” ON! I switched it ON but it doesn’t change anything. Although deleting all caches and browser histories the result is exactly the same:
  
  iPad Air 2 – Software 14.0.1
  Safari, Firefox, Chrome: Grey background does NOT show up.
  
  iPad (7th generation) – Software 14.0.1
  Safari: Grey background shows up! But it stays after activating once.
  Firefox, Chrome: Grey background does NOT show up.
  
  Can you do anything about it?
  
  There is another important thing for me:
  As far as I can see you made the changes for the menu directly in the style.css. As soon as I will update in the future, your changes will be gone…
  Could you please either document what you did or make the changes in the custom css?
  
  Many thanks from Madeleine
- 4 years, 1 month ago azam
  Keymaster
  
  Madeleine,
  I have checked and did what it comes under my expertise. Still it is not solved, I am referring your issue to Sr. Dev and it take a while to resolve this issue.
  
  Thanks for patience.
- 4 years, 1 month ago Madej_Design
  Participant
  
  Many thanks for your help, Azam. I will await the answer from Sr. Dev.
  
  There is another important thing for me:
  As far as I can see you made the changes for the menu directly in the style.css. As soon as I will update the theme in the future, your changes will be gone…
  Could you please either document what you did or make the changes in the custom css?
  
  Many thanks from Madeleine
- 4 years, 1 month ago Ludjon
  Keymaster
  
  Hi there,
  
  I have just checked the code and re-tested the website. It looks like it works now.
  
  Can you check, please? Make sure to test it using Incognito mode.
  
  Thank You
- 4 years, 1 month ago Madej_Design
  Participant
  
  Thanks for checking and your support, Ludjon!
  
  I have deleted all caches / browser histories and this is what I see:
  
  iPad Air 2 – Software 14.0.1 & iPad (7th generation) – Software 14.0.1
  Safari: Grey background shows up (only after a while). But it stays after activating once.
  Firefox, Chrome: Grey background does NOT show up.
  
  Is there anything you can do about?
  
  There is another important thing for me:
  As far as I can see you made the changes for the menu directly in the style.css. As soon as I will update the theme in the future, your changes will be gone…
  Could you please either document what you did or make the changes in the custom css?
  
  Thanks from Madeleine
- 4 years ago Madej_Design
  Participant
  
  Hello Azam and Ludjon!
  
  As there is an update available for the Tower theme, I kindly ask you to do the following:
  As far as I can see you made the changes for the menu DIRECTLY in the style.css. As soon as I will update the theme, your changes will be gone…
  Could you please either document what you did or make the changes in the custom css?
  
  Thanks from Madeleine
- 4 years ago azam
  Keymaster
  
  Madeleine,
  As per my knowledge Tower new update has mostly fixes, Nothing so much new specialily related to your website.
  
  Just give me time, i will speak in details about your site with my team and let you know back whats best we can do it in your case.
  
  Thanks,
- 4 years ago Ludjon
  Keymaster
  
  Hi,
  
  I am not sure what changes have done to your website. We can do this:
  
  Update theme to the new version, add child theme too and list some things to us that you can’t fix yourself so we can add the custom code to the child theme this time.
  
  Can we go this way?
  
  Thanks
- 4 years ago Madej_Design
  Participant
  
  Hello Ludjon!
  
  Many thanks for the offer! Please go ahead.
  I won’t work on the website this week. So please inform me, as soon as you are done with the update and adding the child theme.
  
  Best, Madeleine
- 4 years ago azam
  Keymaster
  
  Madeleine,
  I will request you to do the followings:
  #1: Take the backup of Current Website
  #2: List all the changes you requested or made
  #3: Give the Access us and we will make changes
  or you can setup website some where on temporary server and we can make change there then you can migrate back to live server.
  
  Let me know how you want to have it.
  
  Thanks,
- 3 years, 9 months ago Madej_Design
  Participant
  
  Hello Azam und Ludjon!
  
  I have problems with publishing a new page (sound healing: content is not visible on frontend) on my customer’s website. I guess this has got to do with not having updated the Tower theme, WordPress software and the WP Bakery Page Builder.
  
  This is why I come back to your offer. 4 months ago, Ludjon offered the following to me:
  „Update theme to the new version, add child theme too and list some things to us that you can’t fix yourself so we can add the custom code to the child theme this time.“
  
  Why is this necessary? You made some changes directly in the theme code and I need the custom code separately to later easily update the theme without your help.
  
  Azam asked me to do the following:
  I took a backup of the website.
  Here is the list of changes you and me made.
  I will give you access to the website in a private reply.
  
  1. June 2020:
  CHANGES made by YOUR TEAM and documented in the Tower Custom CSS Box:
  – header should to be fully transparent and should change in transparent grey background when scrolling down
  – logo should be left-aligned and menu should be right-aligned
  
  2. July 2020:
  CHANGES made by YOUR TEAM and not visible for me in the Custom CSS Box:
  – logo in header on mobile (white menu) should be visible (dark version uploaded in Tower settings)
  – logo in header on mobile should be scaled smaller
  – every page starts with a full-screen background image: On the computer this looks great but on the mobile and tablet the background image is zoomed in strangely. Is there a possibility to control the zooming (the part that is shown) OR to show the image in full width?
  
  3. September 2020:
  CHANGES made by ME and documented in the WP Customizer > Additional CSS:
  – individual changes to the scaling of the full-screen background images on mobile and tablet
  
  4. October 2020:
  CHANGES made by YOUR TEAM after PROBLEMS AFTER UPDATING to new WP version and new Tower theme and not visible for me in the Custom CSS Box:
  – You can see the page title and the breadcrumbs on an extra header although switched off in the Tower settings. The website normally starts with a transparent header on a picture. The problem exists on all devices (computer, mobile & tablet).
  After the page title and the breadcrumbs were deleted, the following was the problem and was solved by your team:
  – Menu on mobile (portrait format): Logo and menu points are overlapping.
  – Menu on tablet (portrait format): Logo is distorted.
  – Menu on tablet (landscape): The grey transparent background of the menu (only visible when scrolling down (sticky nav)) doesn’t appear (although it works on the normal computer).
  
  Many thanks from Madeleine
- 3 years, 9 months ago Madej_Design
  Participant
  
  This reply has been marked as private.
- 3 years, 9 months ago azam
  Keymaster
  
  Madeleine,
  Thanks for renewal.
  Please advise how i can help you.
  Send me List of fixes or changes.
- 3 years, 9 months ago Madej_Design
  Participant
  
  Hello Azam!
  Thanks for answering.
  Have you seen my message before my private reply?
  Everything is explained there.
  Many thanks from Madeleine
- 3 years, 9 months ago Madej_Design
  Participant
  
  And as you can see, you involved Ludjon for my issue. Perhaps, it makes sense to involve him again?!
- 3 years, 9 months ago Madej_Design
  Participant
  
  And to sum up what I am asking for:
  Please update the Tower theme to the newest version, add child theme too and list some things to you that I can’t fix myself so you can add the custom code to the child theme this time. And I can do all upcoming updates without your support… (Offer from Ludjon in October 2020)
  
  The website looks perfect at the moment but I have difficulties to publish a new page. I think I need to update the Tower theme…
  And please be informed that I also haven’t updated WordPress and the WP bakery Page Builder yet. If you could also update it while updating Tower, this probably makes sense…
  
  Please see my list of changes that were done by your team in my first message from today.
  
  Many thanks from Madeleine
- 3 years, 8 months ago azam
  Keymaster
  
  Madeleine,
  “The website looks perfect at the moment but I have difficulties to publish a new page.” Please Explain me the problem this bit more.
- 3 years, 8 months ago Madej_Design
  Participant
  
  Hello Azam!
  
  Please go to the page overview on the website and look at the page soundhealing.
  There is content in the backend but the content is not visible on the frontend, even if I publish the content. This is why I haven’t published the page and have kept it as a draft.
  
  I tried to find the mistake and I was recommended to update everything (theme, WP and all plugins).
  I updated all plugins apart from the WP Bakery Page Builder. And I didn’t update the Tower Theme and WordPress because Ludjon and you had offered to me to do the theme update because of the changes that are written in the Theme code and not separately. Please see our conversation 4 months ago…
  
  I am hoping to solve the problem with the soundhealing page with an update of everything. This is why I kindly ask you to do the update of the theme (and to document your changes in the custom code) so that I can always update the theme without your help…
  
  Thanks from Madeleine
- 3 years, 8 months ago azam
  Keymaster
  
  Madeleine,
  Sure No worries, i will help you but do this first:
  1. Take the backup of whole website including all plug-ins and database and put into safe side.
  
  2. Please share latest wp login credentials, if you havent change, Please confirm.
  
  3. Once you send me login info, i will check soundhealing page.
  
  Thanks,
- 3 years, 8 months ago Madej_Design
  Participant
  
  This reply has been marked as private.
- 3 years, 8 months ago azam
  Keymaster
  
  Hi,
  Please check this page: https://petrabonrath-yoga.de/test-draft
  and confirm me back.
  
  I just copied all content from draft page and created new one.
  
  It Seems it is working, if this page is OK then you can rename to soundhealing page and make it publish.
  
  Please advise.
- 3 years, 8 months ago Madej_Design
  Participant
  
  Hello Azam!
  
  Thanks for checking. Yes, it works. Great. What did you do? Is there anything I have to know if I create a new page?
  I will do what you wrote: rename it to soundhealing page and make it publish.
  If there is a new upcoming question, I will come up to you.
  
  BUT:
  What about the theme problem? How shall we proceed? One day, I will need to update the theme. You always recommend to regularly update the theme… And I haven’t made a WP update because I was anxious that the theme might not work after updating WP…
  
  Best, Madeleine
- 3 years, 8 months ago azam
  Keymaster
  
  Please get first publish soundhealing page, I will schedule up your work – No worries!
  
  I will Update plug-in then wp and theme.
- 3 years, 8 months ago Madej_Design
  Participant
  
  Ok. I have to do some more changes on the soundhealing page and will let you know when I am ready for the updates, ok?
- 3 years, 8 months ago azam
  Keymaster
  
  Yes, Ok Go ahead!
- 3 years, 7 months ago Madej_Design
  Participant
  
  Hello Azam!
  I need your help again.
  Please go to this link:
  
  Essential Oils
  
  I have added an OLD ACCORDION effect for the paragraph:
  “DIESE SCHRITTE…”
  I can’t change the orange colour of the accordion button although I changed the orange colours in the button setup…
  Where can I change the colour of the minus sign to the light grey of the plus sign?
  Many thanks for your help!
  Madeleine
- 3 years, 7 months ago Madej_Design
  Participant
  
  This reply has been marked as private.
- 3 years, 7 months ago azam
  Keymaster
  
  Hi,
  Sorry for the inconvenience, but there’s no way out to change the color of the minus sign as of plus sign because they are not icons but images. We’ll try to add this feature to our upcoming theme updates. For the time being, I set the background color so both icons(plus, minus) will show apart.
  
  P.S: You can change this background color from Appearance -> Theme Editor -> style.css(line# 10347)
  
  Please check and advice
  Thanks,
- 3 years, 6 months ago Madej_Design
  Participant
  
  Hello Azam!
  
  More than half a year ago, I noticed that you made some changes directly in the theme code. Therefore I haven’t updated the theme Tower ever since, because I knew all your changes would be gone…
  Half a year ago, Ludjon and you offered the following to me:
  „Update theme to the new version, add child theme too and list some things to us that you can’t fix yourself so we can add the custom code to the child theme this time.“
  I kindly ask you to update the theme Tower now.
  
  You asked me to do the following:
  I took a backup of the website.
  Here is the list of changes you and me made.
  I will give you access to the website in a private reply.
  
  1. June 2020:
  CHANGES made by YOUR TEAM and documented in the Tower Custom CSS Box:
  – header should to be fully transparent and should change in transparent grey background when scrolling down
  – logo should be left-aligned and menu should be right-aligned
  
  2. July 2020:
  CHANGES made by YOUR TEAM and not visible for me in the Custom CSS Box:
  – logo in header on mobile (white menu) should be visible (dark version uploaded in Tower settings)
  – logo in header on mobile should be scaled smaller
  – every page starts with a full-screen background image: On the computer this looks great but on the mobile and tablet the background image is zoomed in strangely. Is there a possibility to control the zooming (the part that is shown) OR to show the image in full width?
  
  3. September 2020:
  CHANGES made by ME and documented in the WP Customizer > Additional CSS:
  – individual changes to the scaling of the full-screen background images on mobile and tablet
  
  4. October 2020:
  CHANGES made by YOUR TEAM after PROBLEMS AFTER UPDATING to new WP version and new Tower theme and not visible for me in the Custom CSS Box:
  – You can see the page title and the breadcrumbs on an extra header although switched off in the Tower settings. The website normally starts with a transparent header on a picture. The problem exists on all devices (computer, mobile & tablet).
  After the page title and the breadcrumbs were deleted, the following was the problem and was solved by your team:
  – Menu on mobile (portrait format): Logo and menu points are overlapping.
  – Menu on tablet (portrait format): Logo is distorted.
  – Menu on tablet (landscape): The grey transparent background of the menu (only visible when scrolling down (sticky nav)) doesn’t appear (although it works on the normal computer).
  
  Many thanks from Madeleine
- 3 years, 6 months ago Madej_Design
  Participant
  
  This reply has been marked as private.
- 3 years, 6 months ago azam
  Keymaster
  
  Hi,
  Please check theme has updated on your site.
  
  Thanks,
- 3 years, 6 months ago Madej_Design
  Participant
  
  Hello Azam!
  Many thanks for updating the theme so quickly!
  On the first sight, it looks fine to me. I will check the look later with all devices when I have got more time and will come back to you…
  Have you also updated WordPress or shall I do it?
  Best, Madeleine
  - 3 years, 6 months ago azam
    Keymaster
    
    Hi,
    You’re welcome.
    Take your time and check your site and let me know if you have any issues, I’ll be very happy to help you.
    No, I didn’t update the WordPress version.
    
    Thanks,
- 3 years, 6 months ago Madej_Design
  Participant
  
  Hello Azam!
  I have just updated WordPress. Still on the first sight, everything looks fine to me.
  I will write to you again, when I checked the site on all devices…
  Many thanks again!
  Best, Madeleine
- 3 years, 6 months ago azam
  Keymaster
  
  Ok, go ahead!
- 3 years, 6 months ago Madej_Design
  Participant
  Good morning, Azam!
  
  I checked the website again and found a few things that need to be improved (please see list below).
  Please make the corrections in the CUSTOM CSS, so for next time when I update the Tower theme, you don’t need to do these improvements again. Many thanks in advance!
  
  1. Menu on MOBILE (portrait format): Logo and menu points are overlapping.
  
  2. Menu on TABLET (landscape format): Menu is in the second row because of the long length of the menupoints. This is why the grey transparent background (appearing when scrolling down) is not visible behind the second row. What do you recommend to change?
  
  3. Background picture on TABLET (portrait format): Could you please show more height of the background picture?
  Background picture on MOBILE (landscape format): Could you please show more height of the background picture?
  
  I already took an update. You can use the login as given to you in a private reply one week ago.
  
  Many thanks from Madeleine
  
  This reply was modified 3 years, 6 months ago by Madej_Design.
  - 3 years, 5 months ago azam
    Keymaster
    
    Hi,
    Please check for point 1 and point 2.
    And please share the screenshot of about which background picture you are talking about.
    
    Please advise.
    Thanks,
- 3 years, 5 months ago Madej_Design
  Participant
  
  Good morning, Azam!
  
  Point 1: Problem solved! Perfect! Many thanks!
  
  Point 2: Menu on TABLET (landscape format): Did you delete the grey transparent background? I don’t see it anymore. If so, this is not what I need because the white font in the menu is not visible… What else is possible? What do you recommend?
  
  Point 3: You can download the screenshots here:
  https://wetransfer.com/downloads/6cd10edd7345f0bd37f88760eb3faced20210602070855/e4c43dd301b61a15b31bf1648d738b3120210602070908/d983ed
  Is it possible to show more height of the background pictures on the tablet portrait format and mobile landscape format?
  
  Many thanks from Madeleine
  - 3 years, 5 months ago azam
    Keymaster
    
    Hi,
    1- Header styling is now added to the Customize CSS section and now it is working fine on small devices too.
    Please check and advise.
    2- You can add padding-top and padding-bottom to show more height as you added in the custom CSS box by using media query.
    
    Please advise.
    Thanks,
- 3 years, 5 months ago Madej_Design
  Participant
  
  Hello Azam!
  
  Many thanks for your help!
  I saw the changes in the custom CSS for the header styling. It works now. Great!
  A friend of mine did the custom CSS padding for the background pictures. So I will ask her again to help me with this.
  
  I have 3 more new questions:
  1. When you look into the Tower Typography Options, there is written that I need to register for Redux to get the update for the Google font I am using. Is this correct? Do I have to register? Why?
  2. On my tablet (landscape format) the grey transparent background of the menu that normally is visible when scrolling down is NOT visible when scrolling down. Can you please fix this?
  3. On the computer and on the tablet (landscape format) there is a white bar appearing on the top of the page that runs through the menu. Can you fix this?
  You can download the screenshot of the phenomenon here:
  https://wetransfer.com/downloads/cc8aeb174a8512cf95e5f886b45921c020210603132636/a75215b73a7651fda66e1ac2af7c7a3720210603132648/733691
  
  Many thanks from Madeleine
- 3 years, 5 months ago azam
  Keymaster
  
  Hi,
  1- You don’t need to register Redux, as I change the font family for testing purposes, and it is working properly.
  P.S Now I have reverted the font family to the previous one.
  2- On my tablet (landscape format) the grey transparent background of the menu that normally is visible when scrolling down is NOT visible when scrolling down. Can you please fix this?
  The grey background is working pretty fine on my side. Please clear the browser cache and then check.
  3- On the computer and on the tablet (landscape format) there is a white bar appearing on the top of the page that runs through the menu. Can you fix this?
  Please check and let me know.
  
  Thanks,

Viewing 53 reply threads

You must be logged in to reply to this topic.

Community Forums

Please help: After updating WP & Tower problems with menu on all devices

Site Links

Useful Articles

Login