Sticky Mobile

[leanteam]

On mobile, is it possible to make the content sticky / have a defined width? When on ios mobile the content sways when scrolling down. I would like the page entirely to not be scrollable horizontally.

http://www.secure-cop.com

I have two other questions, so not sure if it is appropriate to post them in this ticket but,

– What would the css be to remove the underline from the nav and rather show a color for the active page?
– How can I change the amount of footer widgets from 4 to 3?

Thank you very much in advance.

[FocuxTheme Support]

Hi

Question 1: please try the following custom CSS to fix the first issue, let me know if it works.

#body-container{overflow-x:hidden;}

Questions 2: Please try to add the following custom CSS into DGWork Options > Custom Codes > Custom CSS

.main-navigation ul li[class*="current"] a {
    color: #25a9e1;
    border-bottom: none;
}

Question 3: I will add 2,3,4 columns as the bottom layout option in the next version. Now, you have to edit footer.php, replace the following part

<?php if ( is_active_sidebar( 'bottom-widget-1' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col3">
        <?php dynamic_sidebar( 'bottom-widget-1' ); ?>
    </div>
  <?php endif;?>

  <?php if ( is_active_sidebar( 'bottom-widget-2' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col3">
        <?php dynamic_sidebar( 'bottom-widget-2' ); ?>
    </div>
  <?php endif;?>

  <?php if ( is_active_sidebar( 'bottom-widget-3' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col3">
        <?php dynamic_sidebar( 'bottom-widget-3' ); ?>
    </div>
  <?php endif;?>

  <?php if ( is_active_sidebar( 'bottom-widget-4' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col3 last">
        <?php dynamic_sidebar( 'bottom-widget-4' ); ?>
    </div>
  <?php endif;?>

to

<?php if ( is_active_sidebar( 'bottom-widget-1' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col4">
        <?php dynamic_sidebar( 'bottom-widget-1' ); ?>
    </div>
  <?php endif;?>

  <?php if ( is_active_sidebar( 'bottom-widget-2' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col4">
        <?php dynamic_sidebar( 'bottom-widget-2' ); ?>
    </div>
  <?php endif;?>

  <?php if ( is_active_sidebar( 'bottom-widget-3' ) ):?>
    <div class="bottom-widget dgw-grid dgw-col4">
        <?php dynamic_sidebar( 'bottom-widget-3' ); ?>
    </div>
  <?php endif;?>

Thanks

[leanteam]

This reply has been marked as private.

[FocuxTheme Support]

Hi

I have updated ThemeVan Shortcodes plugin, please go to plugins page, auto update this plugin, then check the vc content again.

Thanks

[leanteam]

This reply has been marked as private.

[FocuxTheme Support]

Hi

Is it possible to post the screenshot of iphone here? I’m not 100% sure I understand correctly.
Also, if possible, you can post your WP login details via private reply, I will adjust the content by Visual Composer.

Sorry for the Inconvenient.

Thanks

[leanteam]

This reply has been marked as private.

[FocuxTheme Support]

Hi

I made a video to show how it displaying on my iphone + safari https://youtu.be/OYGv-a_wJYU

It seems no problem, I’m not sure whether anything I missed or not.

Sorry.

[leanteam]

Look at the video right at the 2nd-3rd second. You see that the title “SecureCop Bot Features” adjusts to the right, then back to its initial position. This quick adjustment happens to some content while scrolling.

You can see that the content is not exactly centered either, it is more towards the right. So, just trying to make all my content centered and stick while scrolling.

[FocuxTheme Support]

Hi

I have added some CSS to style.css in order to make the content centered. I will also improve this issue in the next version.
And the position of the title “SecureCop Bot Features” looks fine now on my mobile.

Please check.

Thanks

[Author]

Posts