Questions tagged [rwd]

Responsive Web Design(rwd) is an approach to web design intended to make the viewing and use of web pages easier across multiple platforms and devices, ranging from smart phones to desktop computers, by utilizing technologies that are present on those devices and selectively omitting or replacing features which would be cumbersome without certain technologies.

Filter by
Sorted by
Tagged with
3
votes
0answers
22 views

I want to apply a limit for discount amount on checkout

I want to apply a limit for discount amount on checkout. I am providing multiple discount to my customer what I want whenever customer checkout the maximum discount limit will be 50% of the order ...
0
votes
0answers
24 views

How to avoid media query conflict in Magento?

I'm writing the media query for our client site. I have started from iPhone 8 and used the below media query: @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (...
0
votes
1answer
35 views

Move Minicart responsive

we are using Magento 2.2.6 an rebuilding the desing. We plan to move the minicart when the width is small (on smartphones). But we cant do this with css. When we initialize the minicart twice in phtml ...
0
votes
1answer
86 views

Requirejs-config.js not working for parent theme's responsive.js file

I would like to change the values for the media property for the files menu.js & responsive.js from media: '(min-width: 768px)' to media: '(min-width: 992px)'. I thought using Magento's JS Mixin ...
0
votes
0answers
32 views

How to move topmenu to left sidebar in rwd theme?

I am creating my first custom theme based on the rwd theme. I want the topmenu navigation to appear vertically in the left sidebar (the layout is 2columns-left). I tried to add this to my local.xml: ...
2
votes
0answers
104 views

Fotorama Responsive Breakpoint

I am having issues with getting fotorama responsive, the breakpoint for a resize is not being actioned. Below is my process of getting this to work: I changed my themes breakpoint for screen_m via ...
-1
votes
1answer
57 views

What does RWD theme name stands for?

What does RWD theme name stands for? Just wondering what does it mean? I keep reading it as 'rear wheel drive' in my head, help.
1
vote
1answer
43 views

Image not responsive on home page.

I've added an image to my home page and when I preview the home page from CMS pages in the admin the image is responsive. When I click on my logo the page is then fully responsive all except the ...
1
vote
0answers
247 views

display a popup once per day!

this code is to display a pop up once per day. But I'm having trouble making it responsive, and it seems that it shows once a lifetime... Also if I put it in 3 different pages, and it only shows up ...
0
votes
1answer
237 views

Problem with link in responsive menu (go to undefinied url)

I'm facing a pretty ugly issue. When I'm on desktop, no problem with the menu link. When I'm on responsive, when I go through the menu, I have the right URL but when I press the item, I'm redirected ...
1
vote
0answers
14 views

Responsive of Magento 2.2? was it accurate?

Will Create a typical ecommerce system. Just want to know how magento 2.2 responsive work? Cause last time I do responsive is 1.8 and media query give me a bit problem.
2
votes
1answer
60 views

Add responsive custom footer in Magento 2

I created a custom footer but I want it to be responsive. My code is: <div style="width: 16%; float: left;"> <h3>LOCATION</h3> <a href="" target="_blank">Map</a></div&...
1
vote
0answers
179 views

Short Description and long description are not responsive on product page of Magento 2

I am currently facing an issue with the responsiveness of Magento 2 product page. My descriptions are passing the browser screen toward the right side. They are showing up like this in the attached ...
0
votes
2answers
251 views

Magento 2.2: How to apply breakpoints in custom .less files

Magento 2.2.3 Ubuntu 16.04 Server VM using VirtualBox with icewm window manager Apache 2.4 MySQL 14.14 PHP 7.0 Custom theme which inherits from Magento/blank I have a custom .phtml file: Vendor/...
0
votes
1answer
53 views

Use of Imagesloaded plugin in the RWD theme

If you look at the layout file page.xml of the RWD theme you will find a declaration like: <action method="addItem"><type>skin_js</type><name>js/lib/imagesloaded.js</name&...
0
votes
1answer
273 views

Disable gesture zoom in responsive

I have a custom theme (rwd set as parent theme), in mobile view I want to disable gesture zoom through out the site. For this I have below code in head.phml <meta name="viewport" content="width=...
0
votes
1answer
265 views

Magento media queries in platform-Responsive emails

Hi i set some @media style for mobile for emails in magento (i added style in email header head section, in email header body section, in email-inline.css , in email-non-inline.css) but when mail ...
1
vote
0answers
300 views

Can't submit add-to-cart AJAX form because of duplicated form in mobile friendly product page

I'm working on a mobile design for a Megento product page, what I'm basically doing is duplicating the HTML for desktop and mobile display and showing/hiding the correct design according to the screen ...
2
votes
1answer
275 views

Reload theme on page resize

A website I am working on has two drastically different designs for mobile and desktop. For this reason I chose to make 2 different themes, and have the mobile detect module (https://github.com/...
1
vote
2answers
2k views

How to add style rules to print.css

In M2 they use custom .media-width mixin rules to add to styles-m.css or styles-l.css. // // Common // _____________________________________________ & when (@media-common = true) { .catalog-...
1
vote
1answer
168 views

Magento 1.9: Missing translation of the minicart “remove item” pop-up buttons?

The pop-up window which is shown when clicking "Remove item" in the mini-cart ("Are you sure you would like to remove this item from the shopping cart?") shows two buttons "OK" and "Cancel". In my ...
0
votes
1answer
551 views

How to show 4 product desktop view and 2 in mobile view - Magento 1.9

In rwd theme, when I show 4 products in a row by following code in catalog.xml <action method="setColumnCount"><count>4</count></action> it looks good on desktop but on mobile ...
1
vote
1answer
347 views

getting these console errors and really have no idea to solve it

Uncaught TypeError: this.toggleElements.toggleSingle is not a function at Object.match (app.js:1004) at QueryHandler.on (enquire.js:100) at enquire.js:214 at each (enquire.js:38) at MediaQuery.assess ...
0
votes
2answers
48 views

Magento responsive

I would like to use my existing Magento Template for Desktop (as it is not optimized) and want to buy a new one for Responsive. Is it possible, to have them separated? What would be the best way? ...
1
vote
1answer
2k views

adding bootstrap to magento 2

Adding the direct bootstrap online link conflicts with the layout. I've compiled bootstrap for just the responsive grid, but cannot find exactly where to place this bootstrap.min.css and how to link ...
0
votes
1answer
112 views

Change “My Account” to “Sign in/Sign out” option in header in magento rwd theme?

I want to change "My Account" to "Sign in/Sign out" option in header in the upper right corner. In C:\wamp\www\magento\app\design\frontend\base\default\layout\customer.xml I changed <default>...
0
votes
1answer
1k views

How to check which template /view file is used - rendered

I am trying to make changes to registration page and add the address info fields in registration / account creation page. my browser reads mysite/customer/account/create by following the instructions ...
1
vote
2answers
630 views

Responsive a static block - Magento 1.9.2

I was able to create full width sliders on a single page using custom css added to the design tab for the page: <reference name="head"> <action method="addItem"><type>skin_css&...
0
votes
1answer
101 views

I want to make this magento site responsive or mobile friendly

Please I would like to make this site (http://mushkaperfumes.com/) mobile responsive. When you check using your mobile phone, it doesn't look good. Please who have done this before to help me solve ...
1
vote
0answers
98 views

Magento - specific mobile / desktop Menu

I have found a lot of different ways to make the mobile menu different from the desktop one, but I'd like to use the same menu, but in different sequence. Is it possible at all in Magento? e.g. I ...
2
votes
1answer
204 views

where to put my theme in rwd package?

I'm trying to override "content" block of page.xml. It works with default design package. I can output products in content block: but with rwd package it not overriding "content": no matter if I put ...
1
vote
1answer
432 views

Magento 2: how to disable zoom using gestures in the whole site?

Users can zoom in and zoom out on any page using gestures (index finger and thumb). How can I prevent that behavior? I'm using custom theme which inherits from Blank theme.
1
vote
0answers
105 views

why magento2 choose adaptive web design?

As we know website can be developed either Responsive Web Design(RWD) or Adaptive Web Design (AWD). RWD: No matter what the browser width may be, the site adjusts its layout AWD: Adapt to the width ...
2
votes
0answers
163 views

Set empty design layout for a controller

I've created a controller that is displaying some html code retrieved from orders.phtml file : <?php class Envato_RecentProducts_OrderController extends Mage_Core_Controller_Front_Action { ...
1
vote
0answers
56 views

Mobile Top Menu drop downs not working

The mobile menu on this site nightskysecrets.com.au is not dropping down. Not sure if this is an upgrade issue but can't find the problem in css wondering if it is a Javascript issue.
1
vote
2answers
81 views

1 part of the sidebar at top, rest at bottom

Okay, so I have a sidebar in one of my CMS pages. This sidebar has 3 static blocks: a menu (accordeon on mobile devices) a contact block an USP block The HTML is roughly set up like this: <div ...
0
votes
1answer
28 views

How do I add breaking points to my layout.xml?

I want to remove a certain block on my website but only for desktop resolutions. How do I add a breaking point to my default.xml inside my theme?
0
votes
2answers
570 views

Magento 2 extend styles-m.less

I'm working on a custom Magento 2 theme and I added couple of my own elements in it. When I write (for example): .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { ...
0
votes
2answers
63 views

On click show/hide contents for brands list

I would like my brand directory to have a click event. So if a visitor clicks 'A' for example, all brands within A are shown. I have the below code which collates the brands - however, the script I am ...
1
vote
1answer
36 views

Want to make the zipcode section responsive in every dimension of screen

My website name is bookslab.in. It is an ecommerce magento website. My website is responsive except my zipcode section. I want to make that zipcode section responsive in each & every screen of ...
1
vote
3answers
284 views

CMS Images Not Responsive [closed]

I've added an image to my front page. It has no width or height defined in the image tag. When I resize the browser window it is responsive until the window is mobile size and the menu disappears. ...
1
vote
1answer
629 views

Magento2 - use layouts like bootstrap

looking for a way to use a grid layout for CMS pages (such as home page) of magento2 - theme copied from Luma into a custom. would like to have the ability to set up two divs to float side by side, ...
1
vote
0answers
108 views

How to get CMS / Catalogue page text and content to behave responsive?

Added text to CMS pages or Catalogue pages in Magento 2 are not behaving responsive. All other parts of the page are responsive. How to get the CMS / catalogue text to behave responsive as well? On ...
1
vote
0answers
386 views

Is it possible to change the Magento 2 admin panel to a responsive layout?

Are there any methods or tutorials to turn magento 2.0 admin panel as a mobile responsive template?
0
votes
2answers
1k views

Responsive design order in Magento 2

I've just created a new theme that extends from Magento Blank, and within the file _theme.less I did something like this: h1 { font-size: 24px; } @media (max-width: 768px) { h1 { font-size:...
1
vote
1answer
868 views

How to disable purchase order for guest checkout?

In magento 1.9.2.4 you can disable checkout for guests completely. However, what I would like is if customer chooses to checkout as a guest then they can only checkout via paypal standard. But, if ...
2
votes
1answer
1k views

How to display Configurable/Color Swatches in Homepage Magento 1.9.1

I have a list of products on my homepage and I'm trying to display its associated color swatches but I'm having a hard time to do it. I have the configurable swatches in my product list and it's ...
0
votes
1answer
730 views

How to make the swatch images change on above option select?

Using the default configurable swatches in a Rwd based theme, and I would Like below option swatches to change depending on the above options selected. For example, if I select Design 1 for the ...
0
votes
1answer
405 views

Magento 2: how to set an element to disappear when viewing in mobile device?

In Blank theme, the header account links disappear from header when viewing in mobile device. Since I moved those links to another area of my store, I want to set the CSS rules to do the same. I ...
1
vote
1answer
44 views

Responsive web design [closed]

i am working as a inventory controller and IT professional the problem i am facing is before our store website was not responsive and build by someone on freelance but now they want responsive website....