Navigation
Archive / X-btn giving # sign in the URL and Padding conflicts with Mobile screen
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 18, 2017 at 11:37 pm #1376752
    tarekr
    Participant

    Hello,

    1. Why when i click on the button shown “more” i am having a “#” sign in the URL?

    (my web is https://tarekrabaa.com)

    2. Another issue is the section padding.
    While i am trying to adjust the padding to position the button on the edge of the scree on my laptop, and while seeing the mobile view on Cornerstone, It is giving me a view different from the real view on my Android mobile.

    In fact the button appears on Cornerstone mobile view as in the center of the page while in fact on the mobile i needed to scroll to see the button.

    The only solution to cope with that was to change the padding-top of section 2 to 90px only. If i increase the padding more than 90 px, it is OK on Laptop but not OK on mobile.

    Is there a solution to adjust the button position ob Laptop scree at the lowest edge of the screen as well as at the lowest edge of mobile screen without scrolling? I am not able to move the button lower on laptop screen without going outside the screen of the mobile phone.
    My plan to have a clean home page without any scroll down.

    Many Regards,
    Tarek

    Regards

    February 19, 2017 at 2:50 am #1376861
    Christian
    Moderator

    Hey there,

    1. Please insert your URL in the HREF field of the button element (see attachment)

    2. Please insert several Gap elements and set the Hide Based on Screen Width feature so you have different spacing on different screen sizes. See https://community.theme.co/kb/shortcode-walkthrough-gap/ for more details.

    Thanks.

    February 19, 2017 at 4:23 pm #1377390
    tarekr
    Participant

    Hello,

    The button i am using has a click function within the same home page. If i insert the URL it will reload the same page and this what i don’t want. When i click the button it opens the menu and it is not opening a URL.

    Any idea?

    Regards,
    Tarek

    February 19, 2017 at 4:34 pm #1377393
    tarekr
    Participant

    Hello,

    I elaborated on your idea by using href=”javascript:void(0)”]
    Now the # disappears on clicking.
    It is OK this solution?

    Many Regards,
    Tarek

    February 20, 2017 at 12:21 am #1377763
    Rad
    Moderator

    Hi there,

    Yes, it should be okay. The only browsers that has problem with that are old IEs.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1376752 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>