Text wrapping/indentation

[Akash]

Hi, Please could you tell me how to overcome the following issue.

When the width of the desktop window is reduced, the text begin to feather and drop down to the next line, one word at a time creating a strange indentation like the text below. The words ‘house the restaurant’ should be next to ‘remodelled to’. I understand that naturally this will happen on mobile setting but It should automatically create full length sentences.

The original building was extensively remodelled to
house the restaurant
dining space while a rear extension was built to accommodate
back-of-
house facilities. By removing elements that had no
historic significance
we revealed the building’s original footprint, structure and materiality,
ensuring its heritage remained present.

[Akash]

Alternatively, is there a way to change the responsiveness width so that the screen switches to tablet/mobile mode earlier than the standard setting? By doing this, I am hoping to avoid text/words dropping to next line as above.

thank you
RA

[SeaTheme]

Hi,

Please leave the issued webpage URL, thanks!

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Akash]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[Akash]

This reply has been marked as private.

[Akash]

This reply has been marked as private.

[SeaTheme]

Hi,
Welcome!

I have noticed that the theme is retaining the vertical spaces between the content (image & drawings) but reducing the actual size of the content. Is there a way to proportionally reduce the spacing (above & below) along with the content size?

I am not sure what’s the “vertical spaces” mentioned in the question.
Do you talk about the top/bottom spacing?

Best

[Akash]

This reply has been marked as private.

[Akash]

This reply has been marked as private.

[SeaTheme]

Hi, welcome!

I cannot visit the URL now, and the password is not correct now.

ps: there are only top/bottom spacings for the 2 kinds of status(desktop and mobile). If you want to set for another status, It is possible by the custom CSS for several modules. Let me check your page firstly please

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Akash]

This reply has been marked as private.

[SeaTheme]

Hi,

The top/bottom spacing unit is PX by default, it is possible to set as flex unit VW,
Like the 2 Images modules: https://www.dropbox.com/s/7gpqeptr5qk8mv3/qq20200901-155235.jpg?dl=0

It is possible to replace the 240px as 16vw(or another number, you could adjust it):

@media (min-width: 768px) {
 .module-id-1595952500940>.module-inside { 
    margin-top: 16vw!important;
 }
 .module-id-1595952500944>.module-inside { 
    margin-top: 16vw!important;
 }
}

1. What are viewport units: https://css-tricks.com/fun-viewport-units/
2. the module-id-1595952500940 is module ID, you need to add(edit) the CSS with ID, like

@media (min-width: 768px) {
 .module-id-1595952500940>.module-inside { 
    margin-top: 16vw!important;
 }
 .module-id-1595952500944>.module-inside { 
    margin-top: 16vw!important;
 }
/*add a new module*/
.module-id-xxxxxxxxxxxxxxx>.module-inside { 
    margin-top: 16vw!important;
 }
}

Best

[Akash]

This reply has been marked as private.

[SeaTheme]

Hi,

Yes, sorry, it is supported unit PX by default for now.
It is not necessary to remove 240px, the CSS will cover the 240px.

Best

[Akash]

thank you.

But the main problem still remains.

I want the 240px size top and bottom when viewed in full screen but reduce in size along with images when i reduce the window size. how is it possible for the images to reduce in size but not the spaces above and below?

All the best,
RA

[Akash]

This reply has been marked as private.

[Akash]

This reply has been marked as private.

[SeaTheme]

Hi,

It is possible to affect the whole website, but it WILL AFFECT all modules. I don’t’ think it is what you want.

@media (min-width: 768px) {
 .module >.module-inside { 
    margin-top: 16vw!important;
 } 
}

Best

[Akash]

This reply has been marked as private.

[SeaTheme]

Hi, welcome

Please add the custom CSS for 27” screen

@media (min-width: 1900px){
.container-fluid, .container-class.container-fluid .bm-builder .col-0.bm-wrap:not(.bm-force-full), .container-class.container-fluid .bm-builder .col-0:not(.bm-wrap):not(.bm-force-full) .filters-ul {
    max-width: 1650px;
 }
}

Best

[Akash]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[Akash]

This reply has been marked as private.

[Akash]

Hi,

I hope you are well and in good health.

My desktop menu started to stagger over one another when screen width is reduced. I would like to know how to activate the “mobile version” menu trigger just before it happens.

Any help would be appreciated. My URL is https://ra-a.co.uk/

Kind Regards
A

[Akash]

Apologies, somehow the issue has resolved itself.

all the best,

[Author]

Posts