Return to previous page

Menu Displaying Links Over Logo on Mobile

This topic has 22 replies, 4 voices, and was last updated 10 years ago ago by Eva Kemp

Fergus_Linskey

Participant

October 29, 2014 at 15:52

Hello –

Just for background, I have installed the Royal “Latest Version 1.4 – October 29, 2014” this morning, and proceeded to create a Child Theme to do my customizations.

I’m having an issue with the fixed menu on mobile displays. It’s displaying the links when you scroll past the main viewport above the fold (when it becomes fixed) over/within the logo and navigation icon. I checked and the menu is not set to show the menu links for the Mobile Menu under the Appearances>Menu settings.

Screenshots and link are provided in Private Content attached to this post. Any ideas why this is happening?

Please, contact administrator
for this information.

#22280 Copied

21 Answers

Robert Hall

Support staff

October 29, 2014 at 16:39

Hello,

Please provide us with wp-admin and FTP credentials in Private Content.

Regards,
Robert Hall.

#22291 Copied

Fergus_Linskey

Participant

October 29, 2014 at 16:52

Credentials provided below. I am currently working as well on styling the site, so please try to avoid overwriting any of the child theme styles, if you can.

Please, contact administrator
for this information.

#22296 Copied

Fergus_Linskey

Participant

October 29, 2014 at 17:14

Can you please also address why the Twitter feed widget does not display tweets and has way too much whitespace on mobile? See screenshot: http://imgur.com/zbacZLQ

#22300 Copied

Fergus_Linskey

Participant

October 30, 2014 at 14:31

Any updates on this? I can see that you have people working on other issues that were posted after mine. It’s a little frustrating.

#22468 Copied

Robert Hall

Support staff

October 30, 2014 at 15:06

Hello,

Sorry, but your credentials not correct. Please provide as well.

Regards,
Robert Hall.

#22472 Copied

Fergus_Linskey

Participant

October 30, 2014 at 15:22

Please try previous credentials again. I just logged in with them and they are working.

#22475 Copied

Robert Hall

Support staff

October 31, 2014 at 09:25

Hello,

Add the following code to fix your issue
@media (max-width: 1200px) {.fixed-header-area .collapse{display:none !important;}}

Regards,
Robert Hall.

#22627 Copied

Fergus_Linskey

Participant

October 31, 2014 at 14:33

That doesn’t fix my issue at all. I think that you are misunderstanding my problem.

I want the static menu to work on mobile. Your code just removed the menu portion of it. What I would like is for the theme to work how your demo does, not to display all of these links over the mobile static menu.

See your Minimalistic demo? The menu works just fine on this demo site and I want mine to work the same exact way (My site is based off of this demo content). https://www.8theme.com/demo/royal/?page_id=16251&et_styles=0-5-0-2-0-3

I took more screenshots to try and explain what is happening. http://imgur.com/a/pK5d2

Does it make sense now? I just want it to work the way your demo does. If you can’t deliver that, I don’t understand why I purchased this theme.

Edit: Also, the problem with your built-in Twitter widget styling on mobile sizes was completely ignored. Please see previous comments for screenshots.

#22686 Copied

Eva Kemp

Support staff

November 1, 2014 at 09:32

Hello,

Sorry, but we are still unable to log in to wp-admin panel. Could you please set the password without special symbols?

Thank you.
Regards,
Eva Kemp.

#22772 Copied

Fergus_Linskey

Participant

November 3, 2014 at 14:37

I cannot generate a password for this install without special characters – Strong passwords including at least one special character are required by my hosting provider. I have reset the password (again) and included it below. This is the second time I have had to regenerate passwords for your support staff, even though I test them each time you claim you cannot get in and they work just fine.

Please, contact administrator
for this information.

#22945 Copied
Robert Hall

Support staff

November 3, 2014 at 16:24
Hello,

Please add this code into style.css of the Child Theme.
```
.fixed-header-area .header-logo img{
padding: 10px 53px 0 36px;
}
.menu-icon:before{
top: 10px;
z-index: 10;
}
```
Regards,
Robert Hall.
#22964 Copied
Eva Kemp

Support staff

November 3, 2014 at 16:33

Hello,

We’ve checked the site with default Royal theme and it works fine on a mobile device.
The issue persists with your child theme. Please re-check the modifications you have made, perhaps some code that you added is causing the issue.

Thank you.
Regards,
Eva Kemp.

#22966 Copied

Fergus_Linskey

Participant

November 3, 2014 at 16:33

Again – this is not fixing my problem. I’m really getting frustrated with this. Are you even looking at the screenshots?

The error happens once you scroll past the main viewport. Once the static/sticky menu takes over, the menu’s links appear instead of keeping it the same styling and functionality as when you are at the top of the page. I still don’t understand why it works perfectly fine in your demo, but when I install the theme and demo content it’s broken.

I’m providing screenshots of my problem – again – one with your code, and one without any child theme styling. Both versions are producing the error, even with your base theme code with no customizations.

http://imgur.com/a/6tm1b

And are you just completely ignoring my comments about the built-in Twitter Widget styling problems? This is the third time I am bringing it up without any mention of a response to the problem.

#22967 Copied

Olga Barlow

Support staff

November 3, 2014 at 16:35

Hello,

Please, provide also correct FTP access. There is no such issue with parent theme, you need to check child theme custom styles.

Regards,
Olga Barlow

#22968 Copied

Eva Kemp

Support staff

November 3, 2014 at 16:35

Hello,

We’ve checked the site with default Royal theme and it works fine on a mobile device.
The issue persists with your child theme. Please re-check the modifications you have made, perhaps some code that you added is causing the issue.

Thank you.
Regards,
Eva Kemp.

#22969 Copied

Fergus_Linskey

Participant

November 3, 2014 at 17:00

Okay, so I disabled the child theme, activated the default and you are correct.

Can you check my child’s theme configuration to ensure that it’s correct? I removed the new styles from the child theme and it is still replicating the error. Your pre-purchase information stated that Royal fully supports child themes, so I’m not sure why this is happening, as I’ve followed the WordPress Codex’s guidelines for creating child themes.

Please, contact administrator
for this information.

#22976 Copied

Eva Kemp

Support staff

November 3, 2014 at 18:06

Hello,

Please provide us with the permissions to be able to edit the files via FTP as we are unable to do this:
Error: /wp-content/themes/royal-child/functions.php: open for write: permission denied
Error: File transfer failed

Thank you.
Regards,
Eva Kemp.

#22994 Copied

Fergus_Linskey

Participant

November 3, 2014 at 18:54

File permissions have been reset.

#22998 Copied

Eva Kemp

Support staff

November 4, 2014 at 12:27

Hello,

Our theme works with @import in a child style.css file. I’ve added @import url(../royal/style.css); to style.css of your child theme and renamed functions.php. Now your site is working fine. Please check it.

Thank you.
Regards,
Eva Kemp.

#23057 Copied

Fergus_Linskey

Participant

November 4, 2014 at 16:57

Okay, I see that it is working now.

Can you address the issue with your built-in Twitter widget’s spacing issues I mentioned previously in this thread now?

#23120 Copied

Eva Kemp

Support staff

November 4, 2014 at 17:33

Hello,

As I see Twitter widget is working fine on a mobile device:

Are you checking it resizing a browser window or using some mobile device?
If you’re resizing browser window you need to reload the page.

Thank you.
Regards,
Eva Kemp.

#23131 Copied
Viewing 22 results - 1 through 22 (of 22 total)