to increase the size of the blok

Hello,

tell me how I can:
1. to increase the size of the block (in the picture blue outline), to the size of the red box. This is necessary because in Russian Large Live letters in words: buy, shop.
2. How to move the block to the right, for example, a red outline?

Could you please post an url to your site?
Could you please create a mockup of what and how you would like to change?

maket..jpg

Hello,
the address of my website http://kamila-la.ru

If you change the screen size to 600 px, such as browsing on a mobile device, the words do not fit in the specified block.
In the layout shown carrying letters and pictures to the places indicated by the arrow.
If you change the block size from 400 to 430 px (fig.123) when changing the size of the screen is no transfer of letters. How to do it?

Lets start from small, 320 px screen
1st thing is to better allign elements.
Please edit: /templates/gk_john/css/override.css and add at its end:

Code: Select all

.gkColumnRight figure {
  height: 200px;
}


It will putt them to correct places.
Remember to enable "CSS override" in template settings - advanced section.

Now the next problem is when you reach 601px wide:

Code: Select all

#gkBottom1 .gkColumnLeft {
  width: 50%;
}
#gkBottom1 .gkColumnRight {
  width: 50%;
}


This should fix all your issues.