mogi

Thanks! Works a treat. Amazing. Very generous of you to assist. Thank you. 
 

1 hour ago, creedon said:

I think there are two issues. The first I've taken care of in my code. I have updated my code post.

When I looked at your site I saw a syntax error.

My code did not generate this error when I tested it.

It appears perhaps you did not copy the first line or two of the code. The code begins with the first line starting with /*.

Try the new code making sure to copy it exactly.

Let us know how it goes.

Thanks so much for your response @creedon. 

Unfortunately, that didn't seem to work. Still have the overlapping project names in mobile view.

6 minutes ago, creedon said:

@mogi

Add the following to Design > Custom CSS.

/*

  begin portfolio navigation column mobile
  
  Version       : 0.1d0
  
  SS Version    : 7.1
  
  Dependancies  : LESS
  
  By            : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  */
  
  @media only screen and ( pointer : coarse) and ( max-width : 1024px ),
  screen and ( max-width : 799px )
  
    {
    
      #item-61337b3cf959853c00bc4f25 {
      
        .item-pagination--prev-next {
        
          flex-direction : column;
          
          }
          
        .item-pagination-link {
        
          max-width : unset;
          
          }
          
        }
        
      }
      
  /* end portfolio navigation column mobile */

This code is specific to the users need.

Let us know how it goes.

Thanks @creedon

https://www.katevernonarchitects.com/portfolio/tiger-townhouse

The issue is only when it is viewed on mobile.

11 hours ago, creedon said:

@mogi

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Hi - sorry to dig up an old thread. Having issues with the navigation text and arrows on mobile view. I have reduced font size using tips i found in this thread (thanks) but still no good. Would there be a way to have the ‘forward’ and ‘back’ navigation arrows and text appear on two seperate lines?

< example back

           Example forward >

See attached screenshot for current issue.