-
Posts
-
Hello – I really enjoy the theme! I am having a few issues with mobile view.
1. The footer is set to 4 columns. It squishes the row instead of stacking on mobile.
2. My ‘contact us’ section does the same thing. I tried to make a duplicate section with a different layout, and hide it on desktop/make visible on mobile, however there is not an option to “only view on mobile.” There’s either “hide on desktop” or “always visible.”
3. The mobile menu doesn’t link accurately to my anchors.
4. The social share icons are not showing up at the top. Just looks like blank squares.
I have one more request for the desktop menu, if that’s okay. Is there a way I can raise the menu links up a bit so they aren’t so far down? I wanted to make my logo bigger, however when I increase the size of this section, it keeps the links vertically centered so they look oddly far down. How could I adjust this?
Thank you for your help!
Hey jgoldstein,
Glad you are enjoying the theme :) The site looks great!!
We will surely help you resolve these issues. I need to take a closer look at the setup Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayHi,
I tried to troubleshoot this issue but the user role is not set to admin hence I’m unable to access the wordpress dashboard. Would you mind checking once again and then send us working login credentials?
The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.
Best regards,
VinayHi,
Thank you for the credentials.
1. To fix the responsive footer columns issue we have added the below code in quick css
/*---------------------------------------- // CSS // Responsive footer columns //--------------------------------------*/ @media only screen and (max-width:767px) { div .av_one_fourth { width: 100%!important; }}2. It’s not clear what exactly you are trying to achieve but I’m assuming you like to show or hide some element in only desktop or mobile correct?
To do so please enable custom css class name first http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ( I have enabled this feature already :) do not add this code again. )
Give the element a class name “only_desktop” or “only_mobile” to show only in desktop or only on mobile.
Add this code to the Quick CSS section under Enfold > General Styling :
/*Show only in mobile or desktop*/ @media only screen and (min-width: 769px) { .only_mobile { display: none !important; }} @media only screen and (max-width: 768px) { .only_desktop { display: none !important; }}3. Give this plugin a try to adjust the anchor links scroll position. https://wordpress.org/plugins/hash-link-scroll-offset/
4. There are multiple sections that share the same ID #about hence the link is not scrolling the the section you like. Please check the elements to which the link is scrolling and remove the ID if it is a duplicate ID. The links should work fine.
5. Feel free to make the logo as big as you like and add the below code to push the main menu up. Adjust the margin top value if you like to adjust the vertical position of the menu.
.main_menu { margin-top: -55px; }Request you to create new tickets for issues that are not related as it helps to provide solution faster and we can keep the focus on main topic :)
Best regards,
VinayThank you for the help! These two weren’t quite answered so I’ll try to elaborate better.
3. The mobile menu doesn’t link accurately to my anchors.
Okay I think I see the issue. I have “About Us” and “Pricing” on the navigation linked to color section anchors. I also have the squares below the slider “About Us” and “Pricing” linked to the same color section anchors. For some reason, on mobile, the nav menu links to those squares instead of the color section. I don’t have a CSS class designated for the squares, so not sure why it’s going to them instead of the color section. Did I do something wrong? I linked images below if that helps (about.jpg, about1.jpg, about2.jpg).
4. The social share icons are not showing up at the top. Just looks like blank squares.
This is a mobile issue only. I’ve added an image in the private area for this as well.Adjusting the main menu margin messes it up when it becomes a sticky menu. I’ll open a new ticket for that one. Thank you so much!
Hello – I have been trying to do things myself since my client is really eager to get this site live. I have already moved the site over to the live version so please use the new login credentials below. I fixed #4 myself (social share icons being white on mobile) so that one can be ignored.
#3 is still not resolved.The mobile menu is still not linking correctly. I notice that the wrap_all div doesn’t encompass all of the content as it should so that might be the problem, but I don’t understand how to fix this. Can someone please help? How do I adjust where the wrap_all div ends without messing with the core code?
I don’t want all of the content in color sections, unless I can have nested color sections and I don’t seem to be able to do that.
Thank you for your assistance!
Hi,
I’ve checked the links you have given all except the login page returns a Page cannot be found. Also the login doesn’t work. However I have tested the link especially the “About Us” and “Pricing” in an android phone and the links work properly, it scrolls to the right section.
Best regards,
NikkoHi Nikko – I fixed the problem and forgot to update my post here, sorry about that! I had to get things moving for my client, but I figured out the issue. I had to have everything in either a color section or a grid section and that fixed the wrap_all div problem.
Thank you again for testing it!!
- The topic ‘Issues with mobile version’ is closed to new replies.