Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • March 24, 2014 at 4:53 pm #242173
    simplyaha

    When viewing the website on the Iphone, WildcatMattress.com, we have the following issues:

    Iphone portrait mode = we can not see the 1 menu item ‘Policies” at right side of socket
    Iphone landscape mode =
    1. the arrow to return to the top of page is not visible
    2. any more than 1 menu item in the socket creates alignment issues

    Thank you.

    March 24, 2014 at 5:01 pm #242181
    Yigit

    Hi simplyaha!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1- 

    @media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block;
}}

    2- 

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block;
}}

    3- Can you add new menu items to socket and then let us know so we can take a look?

    Best regards,
    Yigit

    March 24, 2014 at 5:19 pm #242188
    simplyaha

    Thank you for items 1 and 2. I will check those shortly.

    3- I added a couple of more menu items, alignment is ok but it looks like they are stacked in landscape mode. Maybe if we could remove all but the copyright – Wildcat in the left text?

    March 24, 2014 at 5:30 pm #242194
    Yigit

    Hi!

    For 3, please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
float: left; }}

    Best regards,
    Yigit

    March 24, 2014 at 5:45 pm #242211
    simplyaha

    I added the 3 codes to CSS, cleared the Iphone browser a couple of times. No changes to socket menu in socket menu or ‘top of the page’ menu or arrow for portrait or landscape mode for the Iphone. Also and issue when I resize the browser window.

    March 24, 2014 at 6:31 pm #242238
    Yigit

    Hi!

    Can you flush once again and refresh your page few times? It does work fine on my end right now

    Cheers!
    Yigit

    March 24, 2014 at 9:30 pm #242353
    simplyaha

    I can see the changes when I resize the browser on the computer but not the Iphone. Are you able to see the changes on a phone? Thanks.

    March 25, 2014 at 2:51 am #242458
    Ismael

    Hey!

    Have you tried !important after the css values? 

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
float: left !important; }}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block !important;
}}

@media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}}

    Best regards,
    Ismael

    March 25, 2014 at 3:42 pm #242768
    simplyaha

    Yigit,
    I have flushed the iphone browser several times. Still no sign of any changes on the iphone only the computer browser when resized. I wil try Ismael’s recommendation, i.e. !important..

    March 25, 2014 at 4:16 pm #242789
    simplyaha

    We have tried adding !important… code to custom CSS as Ismael recommends. We flushed the cache and refreshed Safari and do not get a ‘top of the page’ arrow in iphone landscape mode or changes in the socket menu. They are functioning when the computer’s browser is resized, just not on the iphone. I will try again in a couple hours, hopefully it is a safari cache thing. If not, any other suggestions would be greatly appreciated. Thank you for your time.

    March 25, 2014 at 4:22 pm #242797
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so we can take a look?

    Best regards,
    Yigit

    March 25, 2014 at 4:28 pm #242803
    simplyaha
    This reply has been marked as private.
    March 25, 2014 at 4:33 pm #242805
    Yigit

    Hey!

    I have added custom CSS code to bottom of Style.css file of your child theme in Appearance > Editor and it is now working fine. Please flush browser cache once again and check your website

    Best regards,
    Yigit

    March 25, 2014 at 4:38 pm #242810
    simplyaha

    Hey Yigit,

    That did it. Thank you for your help.

    -Danny

    March 25, 2014 at 4:39 pm #242812
    Yigit

    Hey!

    You are welcome Danny, glad we could help! :)

    Cheers!
    Yigit

    March 25, 2014 at 4:39 pm #242813
    simplyaha

    Should I leave the code in the styling – Custom CSS?

    March 25, 2014 at 4:40 pm #242814
    Yigit

    Hi!

    You can use Style.css file of your child theme for your custom CSS codes.

    Regards,
    Yigit

    March 25, 2014 at 4:42 pm #242818
    simplyaha

    Since you added the code to Style.css, will leaving or deleting the code I added in theme>styling>custom css field, make a difference?

    March 25, 2014 at 4:45 pm #242821
    Yigit

    Hey!

    No it does not. You can move all custom CSS code you have in Quick CSS section to Style.css file and in future, you can add all your custom CSS codes to Style.css file and leave Quick CSS field empty

    Cheers!
    Yigit

    March 25, 2014 at 4:47 pm #242823
    simplyaha

    Thank you.

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Iphone – socket menu and return to top of page arrow’ is closed to new replies.